feat: 完善文档中心与报销申请交互及侧边栏重构

后端优化编排器报销查询和本体检测精度，增强报销单草稿保
存和附件回填逻辑，前端重构侧边栏组件支持折叠和图标导
航，完善文档中心状态筛选和详情提示，报销创建和审批详情
页优化会话管理和费用明细交互，新增助手应用服务和预设动
作工具函数，补充单元测试覆盖。

web/src/assets/styles/app.css

@@ -15,13 +15,43 @@
 }
 
 .app {
+  --sidebar-expanded-width: 220px;
+  --sidebar-collapsed-width: 64px;
+  --sidebar-motion: 320ms cubic-bezier(0.22, 1, 0.36, 1);
+
   height: var(--desktop-stage-height, 100dvh);
   min-height: var(--desktop-stage-height, 100dvh);
-  display: grid;
-  grid-template-columns: 220px minmax(0, 1fr);
+  display: flex;
+  align-items: stretch;
   background: var(--bg);
 }
 
+.app-sidebar {
+  flex: 0 0 auto;
+  width: var(--sidebar-expanded-width);
+  min-width: 0;
+  overflow: hidden;
+  will-change: width;
+  transition: width var(--sidebar-motion);
+}
+
+.app.sidebar-collapsed .app-sidebar {
+  width: var(--sidebar-collapsed-width);
+  overflow: visible;
+  position: relative;
+  z-index: 200;
+}
+
+.app.sidebar-collapsed > .main {
+  position: relative;
+  z-index: 1;
+}
+
+.app > .main {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
 .boot-state {
   min-height: var(--desktop-stage-height, 100dvh);
   display: grid;
@@ -133,9 +163,28 @@
 }
 
 @media (max-width: 1180px) {
-  .app { grid-template-columns: 220px minmax(0, 1fr); }
+  .app-sidebar {
+    width: var(--sidebar-expanded-width);
+  }
+
+  .app.sidebar-collapsed .app-sidebar {
+    width: var(--sidebar-collapsed-width);
+  }
 }
 @media (max-width: 760px) {
-  .app { display: block; }
+  .app {
+    display: block;
+  }
+
+  .app-sidebar {
+    width: 100%;
+    transition: none;
+  }
   .workarea { padding: 18px 16px 28px; }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .app-sidebar {
+    transition: none;
+  }
+}

web/src/assets/styles/views/documents-center-view.css

@@ -481,6 +481,33 @@ tbody tr:last-child td {
   font-weight: 800;
 }
 
+.new-document-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  min-width: 30px;
+  height: 17px;
+  margin-right: 6px;
+  padding: 0 5px;
+  border: 1px solid #fecaca;
+  border-radius: 999px;
+  background: #fff5f5;
+  color: #dc2626;
+  font-size: 10px;
+  font-weight: 900;
+  line-height: 1;
+  letter-spacing: .2px;
+}
+
+.new-document-badge::before {
+  content: "";
+  width: 5px;
+  height: 5px;
+  border-radius: 999px;
+  background: #ef4444;
+}
+
 .doc-kind-tag,
 .type-tag,
 .status-tag {

web/src/assets/styles/views/travel-reimbursement-create-view.css

@@ -567,6 +567,17 @@
   color: #059669;
 }
 
+.shortcut-chip.active {
+  border-color: rgba(5, 150, 105, 0.38);
+  background: rgba(16, 185, 129, 0.1);
+  color: #047857;
+  box-shadow: none;
+}
+
+.shortcut-chip.active i {
+  color: #047857;
+}
+
 .shortcut-chip:disabled {
   opacity: 0.48;
   cursor: not-allowed;