:root{--blue-50: #e6f2f2;--blue-100: #b3d6d6;--blue-500: #0e8a8a;--blue-600: #0d7f7f;--blue-700: #0a6b6b;--blue-900: #06393c;--cyan-400: #f7b752;--cyan-500: #f4a020;--cyan-600: #d98910;--red-500: #e0453a;--red-600: #dc2626;--red-700: #b91c1c;--amber-500: #d97706;--green-500: #22c55e;--green-600: #16a34a;--gray-50: #f5f7fa;--gray-100: #eef2f7;--gray-200: #e3e8ef;--gray-300: #c7d0dc;--gray-400: #8190a5;--gray-500: #8190a5;--gray-600: #46566e;--gray-700: #46566e;--gray-800: #1e2c44;--gray-900: #14233a;--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-primary-active: var(--blue-900);--color-on-primary: #ffffff;--color-accent: var(--cyan-500);--color-accent-hover: var(--cyan-600);--color-danger: var(--red-600);--color-danger-hover: var(--red-700);--color-on-danger: #ffffff;--color-success: var(--green-600);--color-warning: var(--amber-500);--color-success-bg: #e7f6ec;--color-warning-bg: #fdf2e0;--color-danger-bg: #fdeaea;--color-info: #2563eb;--color-info-bg: #e8f0fe;--color-bg: var(--gray-50);--color-surface: #ffffff;--color-surface-alt: var(--gray-100);--color-border: var(--gray-200);--color-border-strong: var(--gray-300);--color-text: var(--gray-900);--color-text-muted: var(--gray-400);--color-text-inverse: #ffffff;--brand: var(--color-primary);--brand-d: var(--color-primary-hover);--brand-l: var(--blue-50);--accent: var(--color-accent);--ink: var(--color-text);--ink-2: var(--gray-600);--muted: var(--color-text-muted);--line: var(--color-border);--line-2: #eef2f7;--radius: 12px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(20, 35, 58, .08);--shadow-md: 0 1px 2px rgba(20, 35, 58, .06), 0 8px 24px rgba(20, 35, 58, .06);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .1), 0 4px 6px -4px rgb(15 23 42 / .1);--container-max: 80rem;--container-gutter: var(--space-6);--sidebar-width: 236px;--sidebar-width-collapsed: 4.5rem;--header-height: 60px;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-drawer: 1200;--z-modal: 1300;--z-toast: 1400;--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter)}.stack,.col{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--space-2)}.between{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--muted)}.small{font-size:var(--font-size-xs)}.b{font-weight:var(--font-weight-bold)}.sb{font-weight:var(--font-weight-semibold)}.mt8{margin-top:var(--space-2)}.mt12{margin-top:var(--space-3)}.mt16{margin-top:var(--space-4)}.mb8{margin-bottom:var(--space-2)}.mb12{margin-bottom:var(--space-3)}.gap6{gap:6px}.gap10{gap:10px}.gap14{gap:14px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);line-height:1.4;white-space:nowrap}.badge.ok{color:var(--color-success);background:var(--color-success-bg)}.badge.warn{color:var(--color-warning);background:var(--color-warning-bg)}.badge.crit{color:var(--color-danger);background:var(--color-danger-bg)}.badge.info{color:var(--color-info);background:var(--color-info-bg)}.badge.muted{color:var(--ink-2);background:var(--line-2)}.badge.brand{color:var(--brand);background:var(--brand-l)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.ok{background:var(--color-success)}.dot.warn{background:var(--color-warning)}.dot.crit{background:var(--color-danger)}.dot.muted{background:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}.btn.acc{background:var(--accent);border-color:var(--accent);color:#3a2700}.btn.ghost{background:transparent}.btn.sm{padding:6px 10px;font-size:12px}.input,.select{width:100%;font-size:13px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--ink)}.input::placeholder{color:var(--muted)}.field{margin-bottom:14px}.field>label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.hint{font-size:11px;color:var(--muted);margin-top:5px}.card{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card .hd{padding:14px 16px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between}.card .hd h3{font-size:14px;font-weight:700}.card .bd{padding:16px}table.tbl{width:100%;border-collapse:collapse;font-size:12.5px}table.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfe}table.tbl td{padding:11px 12px;border-bottom:1px solid var(--line-2);color:var(--ink-2)}table.tbl tr:last-child td{border-bottom:none}table.tbl td b{color:var(--ink);font-weight:600}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}.tbl-wrap table.tbl{min-width:560px}.kpi{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.kpi .lbl{font-size:12px;color:var(--muted);font-weight:600}.kpi .val{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:6px 0 4px}.kpi .trend{font-size:12px;font-weight:600}.kpi .trend.up{color:var(--color-success)}.kpi .trend.down{color:var(--color-danger)}.bars{display:flex;align-items:flex-end;gap:10px;height:140px;padding-top:8px}.bars .bar{flex:1;background:linear-gradient(180deg,var(--brand),#1c9b9b);border-radius:6px 6px 0 0;position:relative}.bars .bar span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.tag{font-size:11px;font-weight:600;color:var(--ink-2);background:var(--line-2);padding:3px 8px;border-radius:6px}.divider{height:1px;background:var(--line-2);margin:14px 0}.progress{height:8px;border-radius:var(--radius-full);background:var(--line-2);overflow:hidden}.progress>i{display:block;height:100%;background:var(--brand);border-radius:var(--radius-full)}