:root{--color-background-100: #ffffff;--color-background-200: #f7f8fa;--color-background-300: #f1f3f5;--color-text-primary: #17181a;--color-text-secondary: #5b6068;--color-text-tertiary: #858b95;--color-text-reverse: #ffffff;--color-border-subtle: #e8eaee;--color-border-default: #d9dde3;--color-brand-100: #fff3ee;--color-brand-600: #ff7546;--color-brand-700: #df5b30;--color-info-600: #3c7ddf;--color-danger-600: #fc5204;--radius-md: 8px;--radius-xl: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--bg: var(--color-background-100);--panel: var(--color-background-200);--panel-2: var(--color-background-300);--accent: var(--color-brand-600);--text: var(--color-text-primary);--muted: var(--color-text-tertiary);--border: var(--color-border-default)}[data-theme=dark]{--color-background-100: #0b0c0f;--color-background-200: #121419;--color-background-300: #1a1d24;--color-text-primary: #f4f5f7;--color-text-secondary: #b4bac4;--color-text-tertiary: #858d9a;--color-border-subtle: #242832;--color-border-default: #303642;--color-brand-700: #ff9672}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh;background:var(--color-background-100);color:var(--color-text-primary);font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;font-weight:300;letter-spacing:0}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-background-200);border-right:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-2)}.sidebar .logo{font-weight:700;font-size:18px;line-height:26px;color:var(--color-brand-600);padding:var(--space-2) var(--space-2) var(--space-4)}.nav-item{display:block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--color-text-secondary);margin-bottom:var(--space-1);font-size:14px;font-weight:500}.nav-item.router-link-active{background:var(--color-brand-600);color:var(--color-text-reverse)}.nav-item:hover:not(.router-link-active){background:var(--color-background-300);color:var(--color-text-primary)}.main{flex:1;padding:var(--space-6) var(--space-8)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.card{background:var(--color-background-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat .num{font-size:32px;line-height:40px;font-weight:700}.stat .label{color:var(--color-text-tertiary);font-size:14px}.badge{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-brand-100);color:var(--color-brand-700);font-size:12px;font-weight:500}input{width:100%;height:40px;padding:0 var(--space-4);background:var(--color-background-100);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-family:inherit}input:focus{outline:none;border-color:var(--color-info-600)}label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin:var(--space-4) 0 var(--space-2)}.btn{width:100%;height:40px;padding:0 var(--space-6);border:none;border-radius:var(--radius-full);background:var(--color-brand-600);color:var(--color-text-reverse);font-size:16px;font-weight:500;cursor:pointer;margin-top:var(--space-4);transition:background-color .15s ease}.btn:hover:not(:disabled){background:var(--color-brand-700)}.login-wrap{max-width:360px;margin:120px auto}.error{color:var(--color-danger-600);font-size:14px;line-height:22px;margin-top:var(--space-2)}h3{font-size:15px;font-weight:600;margin:0 0 var(--space-4)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{text-align:left;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border-subtle);vertical-align:top}table.data th{color:var(--color-text-tertiary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em}table.kv{width:100%;border-collapse:collapse;font-size:13px}table.kv td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-subtle);vertical-align:top;word-break:break-word}table.kv td.k{width:220px;color:var(--color-text-tertiary);font-weight:500}.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px}.muted-cell{color:var(--color-text-tertiary);font-size:13px;padding:var(--space-2)}.toolbar{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4)}.search{max-width:360px}.btn-sm{height:36px;padding:0 var(--space-4);border:none;border-radius:var(--radius-full);background:var(--color-brand-600);color:var(--color-text-reverse);font-size:14px;font-weight:500;cursor:pointer}.btn-sm:hover:not(:disabled){background:var(--color-brand-700)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--color-info-600);font-weight:500}.link.sm{font-size:13px;margin-left:var(--space-4)}.link:hover{text-decoration:underline}.pager{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.topbar-row{display:flex;justify-content:space-between;align-items:center}