*{box-sizing:border-box}:root,html[data-theme=light]{--bg:#F8FAFC;--surface:#FFFFFF;--surface-hover:#F3F4F6;--border:#E5E7EB;--text:#111827;--text-muted:#6B7280;--text-subtle:#9CA3AF;--accent:#034870;--accent-hover:#023556;--accent-soft:#E6F0F6;--danger:#DC2626;--danger-soft:#FEE2E2;--success:#059669;--success-soft:#DCFCE7;--warning:#D97706;--warning-soft:#FEF3C7;--sidebar-bg:#0B2A3F;--sidebar-text:#C7D8E2;--sidebar-text-active:#FFFFFF;--sidebar-active:#093248;--th-bg:#FAFBFC;--row-hover:#FAFBFC}html[data-theme=dark]{--bg:#0B1220;--surface:#131C2C;--surface-hover:#1C2638;--border:#243049;--text:#E5E7EB;--text-muted:#94A3B8;--text-subtle:#64748B;--accent:#38BDF8;--accent-hover:#0EA5E9;--accent-soft:#0F2A3F;--danger:#F87171;--danger-soft:#3B1A1A;--success:#34D399;--success-soft:#103324;--warning:#FBBF24;--warning-soft:#3D2A0A;--sidebar-bg:#060B17;--sidebar-text:#9CA9C0;--sidebar-text-active:#FFFFFF;--sidebar-active:#131C2C;--th-bg:#0E1626;--row-hover:#16213A}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0}.sidebar .brand{font-weight:700;font-size:18px;color:white;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand small{color:var(--sidebar-text);font-weight:400;margin-left:6px;opacity:.7}.sidebar nav{display:flex;flex-direction:column;padding:12px 8px;gap:2px;flex:1 1}.sidebar nav a{color:var(--sidebar-text);padding:9px 14px;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:10px}.sidebar nav a:hover{text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background:var(--sidebar-active);color:var(--sidebar-text-active)}.sidebar nav a.active{font-weight:600}.sidebar nav a small{margin-left:auto;font-size:10px;color:var(--text-subtle)}.sidebar .sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--sidebar-text)}.sidebar .sidebar-footer button{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px}.sidebar .sidebar-footer button:hover{background:rgba(255,255,255,.06)}.main{flex:1 1;min-width:0}.container{max-width:1280px;margin:0 auto;padding:28px 32px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;margin:0 0 4px}.page-subtitle{color:var(--text-muted);font-size:13px;margin:0}.breadcrumb{font-size:12px;margin-bottom:6px}.breadcrumb,.breadcrumb a{color:var(--text-muted)}.card{padding:20px;margin-bottom:20px}.card,.card-flat{background:var(--surface);border:1px solid var(--border);border-radius:10px}.card-flat-inner{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px;position:relative;overflow:hidden}.kpi-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kpi-value{font-size:30px;font-weight:700;margin:6px 0 0;line-height:1.1}.kpi-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.kpi-success{border-left:4px solid var(--success)}.kpi-warning{border-left:4px solid var(--warning)}.kpi-danger{border-left:4px solid var(--danger)}.kpi-info{border-left:4px solid var(--accent)}.tab-strip{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:0;padding:0 4px;overflow-x:auto}.tab-strip a,.tab-strip button{background:transparent;color:var(--text-muted);cursor:pointer;padding:12px 16px;font-size:14px;font-weight:500;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tab-strip a:hover,.tab-strip button:hover{color:var(--text);text-decoration:none}.tab-strip a.active,.tab-strip button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-strip a.disabled{color:var(--text-subtle);cursor:not-allowed;pointer-events:none}.tab-body{border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;padding:24px}.btn,.input,.tab-body{background:var(--surface)}.btn,.input{font-family:inherit;font-size:14px;padding:9px 12px;border-radius:6px;border:1px solid var(--border)}.input{width:100%}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{cursor:pointer;background:var(--surface);color:var(--text);font-weight:600}.btn:hover{background:var(--surface-hover)}.btn-primary{background:var(--accent);color:white;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-sm{padding:5px 10px;font-size:12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.chip{display:inline-block;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.02em}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-muted{background:#F1F5F9;color:var(--text-muted)}.chip-info{background:var(--accent-soft);color:var(--accent)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}th{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--th-bg)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--row-hover)}.empty-state,.muted{color:var(--text-muted)}.empty-state{text-align:center;padding:36px 16px}.kv{display:grid;grid-template-columns:200px 1fr;grid-gap:10px 24px;gap:10px 24px;font-size:13px}.kv dt{color:var(--text-muted);font-weight:500}.kv dd{margin:0;color:var(--text)}.row{gap:8px}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:16px}.stack>*+*{margin-top:8px}.placeholder-section{padding:60px 20px;text-align:center;color:var(--text-muted);background:repeating-linear-gradient(45deg,transparent,transparent 10px,#FAFBFC 0,#FAFBFC 20px);border-radius:8px}.placeholder-section h3{color:var(--text);font-size:16px;margin:0 0 8px}.placeholder-section p{margin:0;font-size:13px}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--border) 0,var(--surface-hover) 50%,var(--border) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:4px}.skeleton-line{height:14px;width:100%}.skeleton-block{height:64px;width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar nav a svg{flex-shrink:0}.sidebar-toggle{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.18);padding:5px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.sidebar-toggle:hover{background:rgba(255,255,255,.06)}