.shell[data-v-846b4a2c]{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar[data-v-846b4a2c]{position:sticky;top:0;z-index:30;height:100vh;display:flex;flex-direction:column;padding:20px 14px;background:var(--color-sidebar);color:var(--color-sidebar-text)}.brand-row[data-v-846b4a2c]{display:flex;align-items:flex-start;justify-content:space-between}.brand[data-v-846b4a2c]{padding:2px 10px 22px;color:#fff;font-size:18px;font-weight:700}.brand small[data-v-846b4a2c]{display:block;margin-top:4px;color:#929aa3;font-size:11px;font-weight:400}.sidebar-close[data-v-846b4a2c]{display:none;padding:2px;border:0;background:transparent;color:#fff}nav a[data-v-846b4a2c]{height:42px;display:flex;align-items:center;gap:11px;margin:3px 0;padding:0 12px;border-radius:5px;color:inherit;text-decoration:none}nav a[data-v-846b4a2c]:hover{background:#2a2e34;color:#fff}nav a.active[data-v-846b4a2c]{background:var(--color-primary);color:#fff}.demo-label[data-v-846b4a2c]{margin:auto 10px 0;padding:8px 0 0;border-top:1px solid #343940;color:#8f98a1;font-size:11px}.main-area[data-v-846b4a2c]{min-width:0}.topbar[data-v-846b4a2c]{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e3e7eb;background:#fff}.topbar-title[data-v-846b4a2c],.account-area[data-v-846b4a2c]{display:flex;align-items:center}.topbar-title[data-v-846b4a2c],.account-area[data-v-846b4a2c]{gap:10px}.menu-button[data-v-846b4a2c]{display:none;padding:4px;border:0;background:transparent;color:#4e5760}.role-select[data-v-846b4a2c]{height:32px;border:1px solid #d9dee4;border-radius:5px;background:#fff;color:#4e5760;font-size:12px}.avatar[data-v-846b4a2c]{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e8f0ff;color:var(--color-primary);font-weight:700}.account-copy[data-v-846b4a2c]{display:grid;line-height:1.25}.account-copy b[data-v-846b4a2c]{font-size:13px}.account-copy span[data-v-846b4a2c]{color:#7d858e;font-size:11px}.logout[data-v-846b4a2c]{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#717a83}.mobile-mask[data-v-846b4a2c]{display:none}@media(max-width:1023px){.shell[data-v-846b4a2c]{grid-template-columns:1fr}.sidebar[data-v-846b4a2c]{position:fixed;left:0;transform:translate(-100%);width:250px;transition:transform .18s ease}.sidebar.open[data-v-846b4a2c]{transform:translate(0)}.sidebar-close[data-v-846b4a2c],.menu-button[data-v-846b4a2c]{display:inline-grid;place-items:center}.mobile-mask.visible[data-v-846b4a2c]{position:fixed;inset:0;z-index:25;display:block;border:0;background:#181d227a}}@media(max-width:639px){.topbar[data-v-846b4a2c]{padding:0 14px}.account-copy[data-v-846b4a2c]{display:none}.role-select[data-v-846b4a2c]{width:112px}}.metrics[data-v-d9a8bed6]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;overflow:hidden}.metric[data-v-d9a8bed6]{padding:16px 18px;border-right:1px solid #e7eaed}.metric[data-v-d9a8bed6]:last-child{border-right:0}.metric>span[data-v-d9a8bed6]{color:#747d86;font-size:12px}.metric b[data-v-d9a8bed6]{display:block;margin-top:5px;font-weight:400}.metric strong[data-v-d9a8bed6]{font-size:24px}.metric small[data-v-d9a8bed6]{margin-left:5px;color:#7a838c;font-size:12px}.metric .danger strong[data-v-d9a8bed6]{color:var(--color-danger)}@media(max-width:767px){.metrics[data-v-d9a8bed6]{grid-template-columns:repeat(2,1fr)}.metric[data-v-d9a8bed6]:nth-child(2){border-right:0}.metric[data-v-d9a8bed6]:nth-child(-n+2){border-bottom:1px solid #e7eaed}}.badge[data-v-92632cfe]{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:12px;background:#edf0f3;color:#47515a;font-size:12px}.success[data-v-92632cfe]{background:var(--color-success-soft);color:var(--color-success)}.warning[data-v-92632cfe]{background:var(--color-warning-soft);color:var(--color-warning)}.danger[data-v-92632cfe]{background:var(--color-danger-soft);color:var(--color-danger)}.dashboard-grid[data-v-1daeadaa]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}section>header[data-v-1daeadaa]{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--color-border-light)}h2[data-v-1daeadaa]{margin:0;font-size:15px}header a[data-v-1daeadaa]{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary);text-decoration:none;font-size:12px}.task-row[data-v-1daeadaa]{min-height:78px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--color-border-light)}.task-row[data-v-1daeadaa]:first-of-type{border-top:0}.task-row>div[data-v-1daeadaa]:nth-child(2){display:grid}.task-row span[data-v-1daeadaa]{color:var(--color-muted);font-size:12px}.task-icon[data-v-1daeadaa]{width:36px;height:36px;display:grid;place-items:center;border-radius:5px}.task-icon.warning[data-v-1daeadaa]{color:var(--color-warning);background:var(--color-warning-soft)}.task-icon.danger[data-v-1daeadaa]{color:var(--color-danger);background:var(--color-danger-soft)}ol[data-v-1daeadaa]{margin:0;padding:6px 18px 14px;list-style:none}li[data-v-1daeadaa]{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border-light)}li[data-v-1daeadaa]:last-child{border-bottom:0}li>span[data-v-1daeadaa]{color:var(--color-muted);font-size:12px}li div[data-v-1daeadaa]{display:grid}li small[data-v-1daeadaa]{color:var(--color-muted)}.empty-mini[data-v-1daeadaa]{min-height:80px;display:grid;place-items:center;color:var(--color-muted)}.load-error[data-v-1daeadaa]{margin:-8px 0 14px;color:var(--color-danger);font-size:12px}.spinning[data-v-1daeadaa]{animation:spin-1daeadaa .8s linear infinite}@keyframes spin-1daeadaa{to{transform:rotate(360deg)}}@media(max-width:899px){.dashboard-grid[data-v-1daeadaa]{grid-template-columns:1fr}}:root{color:#20242a;background:#f5f7f9;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--color-bg: #f5f7f9;--color-surface: #ffffff;--color-sidebar: #202328;--color-sidebar-text: #cdd2d8;--color-text: #20242a;--color-muted: #6f7882;--color-border: #dde2e7;--color-border-light: #edf0f2;--color-primary: #2f66d0;--color-primary-hover: #2558bc;--color-primary-soft: #edf3ff;--color-success: #157149;--color-success-soft: #e4f5ed;--color-warning: #9a5a00;--color-warning-soft: #fff1d7;--color-danger: #b42318;--color-danger-soft: #feeceb;--shadow-drawer: 0 8px 28px rgb(26 33 41 / 8%);--radius: 6px;--sidebar-width: 240px;--header-height: 64px}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0}.page{padding:24px 28px 40px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-heading h1{margin-bottom:4px;font-size:23px;line-height:1.25}.page-heading p{margin-bottom:0;color:var(--color-muted)}.surface{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.toolbar{display:flex;min-height:58px;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-border-light)}.field,.select{height:34px;border:1px solid #d8dde3;border-radius:5px;background:#fff;color:#4e5760}.field{min-width:220px;padding:0 11px}.select{padding:0 28px 0 9px}.button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid transparent;border-radius:5px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.button:hover{background:var(--color-primary-hover)}.button.secondary{border-color:#d6dce2;background:#fff;color:#3e4851}.button.secondary:hover{background:#f6f8fa}.button.danger{background:var(--color-danger)}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border:1px solid #d9dee4;border-radius:5px;background:#fff;color:#4f5962}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{height:44px;padding:0 14px;background:#f8f9fa;color:#727b84;font-size:12px;text-align:left;white-space:nowrap;font-weight:600}.data-table td{height:58px;padding:0 14px;border-top:1px solid var(--color-border-light);white-space:nowrap}.data-table tbody tr:hover td{background:#f8faff}.data-table tbody tr.selected td{background:#f2f6ff}.link-text{color:var(--color-primary);font-weight:700}.empty-state{min-height:240px;display:grid;place-items:center;color:var(--color-muted);text-align:center}.empty-state svg{margin-bottom:10px;color:#9aa3ac}@media(max-width:767px){.page{padding:16px 14px 28px}.page-heading{align-items:flex-start}.page-heading h1{font-size:20px}.toolbar{align-items:stretch;flex-wrap:wrap}.field{width:100%;min-width:0}}