:root{--sf-bg:#f0f4f9;--sf-bg-deep:#e4ebf5;--sf-surface:#fff;--sf-ink:#0f1b2d;--sf-muted:#5b6b82;--sf-line:#d5e0ee;--sf-blue-900:#0a2748;--sf-blue-800:#0b3a6e;--sf-blue-700:#114a8a;--sf-blue-600:#1a5fad;--sf-blue-500:#2b78ce;--sf-blue-400:#5ba3f0;--sf-blue-100:#e8f2ff;--sf-blue-50:#f3f8ff;--sf-ok:#1f8f5f;--sf-warn:#c47d12;--sf-danger:#c43c3c;--sf-rail:248px;--sf-radius:12px;--sf-shadow:0 10px 30px #0b3a6e14;color:var(--sf-ink);background:var(--sf-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}table{border-collapse:collapse;width:100%}.sf-btn{border:1px solid var(--sf-line);color:var(--sf-ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:all .15s;display:inline-flex}.sf-btn:hover{border-color:var(--sf-blue-400);color:var(--sf-blue-700)}.sf-btn.primary{background:linear-gradient(180deg, var(--sf-blue-500), var(--sf-blue-700));color:#fff;border-color:#0000;font-weight:600;box-shadow:0 8px 18px #1a5fad47}.sf-btn.primary:hover{filter:brightness(1.05);color:#fff}.sf-btn.ghost{background:0 0}.sf-btn.danger{color:var(--sf-danger);border-color:#c43c3c66}.sf-btn:disabled{opacity:.55;cursor:wait}.sf-input,.sf-select,.sf-textarea{border:1px solid var(--sf-line);width:100%;color:var(--sf-ink);background:#fff;border-radius:10px;outline:none;padding:11px 12px}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{border-color:var(--sf-blue-400);box-shadow:0 0 0 3px #5ba3f033}.sf-label{color:var(--sf-muted);letter-spacing:.04em;margin-bottom:6px;font-size:12px;display:block}.sf-field{margin-bottom:14px}.sf-card{background:var(--sf-surface);border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow);padding:18px}.sf-kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sf-kpi-card h3{color:var(--sf-muted);letter-spacing:.06em;margin:0 0 8px;font-size:12px;font-weight:600}.sf-kpi-card .val{color:var(--sf-blue-800);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.sf-kpi-card .sub{color:var(--sf-muted);margin:6px 0 0;font-size:12px}.sf-table th,.sf-table td{text-align:left;border-bottom:1px solid var(--sf-line);padding:12px 10px;font-size:13px}.sf-table th{color:var(--sf-muted);letter-spacing:.08em;font-size:11px;font-weight:600}.sf-badge{border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.sf-badge.ok{color:var(--sf-ok);background:#1f8f5f1f}.sf-badge.warn{color:var(--sf-warn);background:#c47d121f}.sf-badge.danger{color:var(--sf-danger);background:#c43c3c1f}.sf-badge.info{background:var(--sf-blue-100);color:var(--sf-blue-700)}.sf-page-title{color:var(--sf-blue-900);margin:0;font-size:24px;font-weight:700}.sf-page-sub{color:var(--sf-muted);margin:6px 0 0;font-size:13px}.sf-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.sf-empty{text-align:center;color:var(--sf-muted);padding:40px}.sf-error{color:var(--sf-danger);margin-top:8px;font-size:13px}@media (width<=1100px){.sf-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sf-kpi{grid-template-columns:1fr}}