优化财务与管理页视觉 Wave4（05-27-pc-finance-admin-visual-wave4）

client/src/index.css

@@ -527,6 +527,78 @@
     @apply text-xs font-medium;
   }
 
+  .finance-status-strip {
+    @apply grid gap-3 md:grid-cols-2 xl:grid-cols-5;
+  }
+
+  .finance-metric-card {
+    border-color: rgba(203, 213, 225, 0.88);
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.88));
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-xs);
+    @apply border p-4;
+  }
+
+  .finance-metric-card__label {
+    color: var(--color-text-tertiary);
+    @apply text-xs font-semibold;
+  }
+
+  .finance-metric-card__value {
+    color: var(--color-text-primary);
+    @apply mt-2 text-2xl font-bold;
+  }
+
+  .finance-workspace-grid {
+    @apply grid gap-5 xl:grid-cols-[340px,minmax(0,1fr)];
+  }
+
+  .finance-command-panel {
+    border-color: rgba(203, 213, 225, 0.92);
+    background: rgba(255, 255, 255, 0.97);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-xs);
+    @apply border p-4 md:p-5;
+  }
+
+  .finance-list-card {
+    border-color: rgba(226, 232, 240, 0.94);
+    background: rgba(255, 255, 255, 0.96);
+    border-radius: var(--radius-sm);
+    @apply w-full border px-3 py-3 text-left transition-colors hover:border-slate-300 hover:bg-slate-50/60;
+  }
+
+  .finance-list-card--active {
+    border-color: rgba(0, 57, 138, 0.34);
+    background: rgba(0, 57, 138, 0.055);
+  }
+
+  .admin-command-panel {
+    border-color: rgba(203, 213, 225, 0.92);
+    background:
+      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9));
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-xs);
+    @apply border p-4 md:p-5;
+  }
+
+  .admin-tile-grid {
+    @apply grid gap-4 md:grid-cols-2 xl:grid-cols-3;
+  }
+
+  .admin-tile-card {
+    border-color: rgba(226, 232, 240, 0.94);
+    background: rgba(255, 255, 255, 0.96);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-xs);
+    @apply border p-4 transition-colors hover:border-slate-300 hover:bg-slate-50/60 md:p-5;
+  }
+
+  .admin-workspace-grid {
+    @apply grid gap-5 xl:grid-cols-[220px,280px,minmax(0,1fr)];
+  }
+
   .badge-success {
     @apply inline-flex items-center rounded-full bg-emerald-50 px-2.5 py-0.5 text-xs font-semibold text-emerald-700 ring-1 ring-inset ring-emerald-600/15;
   }