:root{--accent: #d63384;--accent-dark: #a8235e;--accent-light: rgba(214,51,132,.12);--accent-2: #7b2d8b;--bg-base: #0b0d14;--bg-surface: #111520;--bg-card: #161b2e;--bg-card-hover: #1c2238;--bg-input: #0e1120;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.14);--text: #e8ecf4;--text-muted: #8892a4;--text-dim: #5a6478;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--sidebar-w: 240px;--header-h: 56px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17.6px}body{font-family:Titillium Web,system-ui,sans-serif;background:var(--bg-base);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(38% 42% at 12% 8%,rgba(214,51,132,.28),transparent 60%),radial-gradient(34% 38% at 88% 4%,rgba(124,58,237,.24),transparent 58%),radial-gradient(42% 46% at 82% 90%,rgba(37,99,235,.18),transparent 60%),radial-gradient(32% 36% at 16% 94%,rgba(236,72,153,.18),transparent 55%),radial-gradient(60% 55% at 50% 50%,rgba(88,28,135,.12),transparent 72%),linear-gradient(160deg,#070810,#0a0b17 45%,#0b0714 75%,#070810);background-size:180% 180%;animation:twizaAurora 24s ease-in-out infinite alternate;filter:saturate(1.06)}@keyframes twizaAurora{0%{background-position:0% 0%}50%{background-position:100% 55%}to{background-position:28% 100%}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}select option{background-color:#0d0d1a;color:#e8e8f0}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:.902rem}.text-xs{font-size:.792rem}.text-mono{font-family:JetBrains Mono,ui-monospace,monospace}.fw-600{font-weight:600}.pos{color:var(--success)}.neg{color:var(--error)}.warn{color:var(--warning)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.empty-state{color:var(--text-muted);text-align:center;padding:32px 16px}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:transparent}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px 40px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-logo{text-align:center;margin-bottom:32px}.login-mark{font-size:2.2rem;font-weight:900;letter-spacing:.18em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.login-subtitle{margin-top:10px;font-size:.858rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.login-title{font-size:1.54rem;font-weight:700;margin-bottom:6px;text-align:center}.login-desc{color:var(--text-muted);font-size:.935rem;text-align:center;margin-bottom:28px}.login-footer{margin-top:28px;text-align:center;border-top:1px solid var(--border);padding-top:20px}.login-footer-text{font-size:.792rem;color:var(--text-dim)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.902rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.form-group input,.form-group select{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;color:var(--text);font-size:1.012rem;outline:none;transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d633841f}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-size:.968rem;font-weight:600;border:none;transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-danger{background:#ef44441f;color:var(--error);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444438}.btn-full{width:100%;justify-content:center;padding:13px;font-size:1.045rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-icon{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:5px 10px;font-size:.88rem;transition:all var(--transition)}.btn-icon:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-card-hover)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:100}.sidebar-header{padding:20px 16px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-mark{font-size:1.21rem;font-weight:900;letter-spacing:.14em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-badge{font-size:.715rem;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);border:1px solid rgba(214,51,132,.25);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 8px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-muted);font-size:.968rem;text-align:left;position:relative;transition:all var(--transition);margin-bottom:2px}.nav-item:hover{background:var(--bg-card);color:var(--text)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-icon{font-size:1.05rem;width:22px;text-align:center}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border)}.sidebar-version{font-size:.715rem;color:var(--text-dim);text-align:center}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--header-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}.topbar-title{font-size:1.1rem;font-weight:700}.topbar-spacer{flex:1}.system-status{display:flex;align-items:center;gap:6px;font-size:.858rem;color:var(--text-muted)}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}.health-dot.warn{background:var(--warning)}.health-dot.err{background:var(--error);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.topbar-logout{background:none;border:1px solid var(--border);color:var(--text-muted);font-size:.88rem;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition)}.topbar-logout:hover{border-color:var(--error);color:var(--error)}.content-area{flex:1;overflow-y:auto;padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.section-title{font-size:1.43rem;font-weight:700}.section-subtitle{font-size:.902rem;color:var(--text-muted);margin-top:2px}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-title{font-size:.88rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1100px){.grid-kpi{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;transition:all var(--transition)}.kpi-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.kpi-icon{font-size:1.54rem;margin-bottom:10px;display:block}.kpi-value{font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:4px}.kpi-label{font-size:.858rem;color:var(--text-muted);font-weight:500}.kpi-trend{font-size:.792rem;color:var(--text-dim);margin-top:6px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.792rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-ok{background:#22c55e1f;color:var(--success);border:1px solid rgba(34,197,94,.25)}.badge-info{background:#3b82f61f;color:var(--info);border:1px solid rgba(59,130,246,.25)}.badge-error{background:#ef44441f;color:var(--error);border:1px solid rgba(239,68,68,.25)}.badge-muted{background:#5a647826;color:var(--text-muted);border:1px solid var(--border)}.badge-warning{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.25)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}thead th{background:var(--bg-surface);padding:11px 14px;text-align:left;font-size:.792rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-card-hover)}tbody td{padding:12px 14px;font-size:.968rem;vertical-align:middle}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-input,.filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);font-size:.935rem;outline:none;transition:border-color var(--transition)}.search-input{min-width:220px}.search-input:focus,.filter-select:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-dim)}.filter-select{cursor:pointer;padding-right:28px}.toolbar-spacer{flex:1}.gate-row{display:flex;gap:24px;flex-wrap:wrap}.gate-item{flex:1;min-width:240px}.gate-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gate-bar{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.gate-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.gate-fill.err{background:var(--error)}.gate-meta{font-size:.792rem;color:var(--text-muted);margin-top:6px}.chart-wrap{position:relative}.tooltip{position:absolute;pointer-events:none;background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:6px 10px;font-size:.792rem;color:var(--text);box-shadow:var(--shadow);white-space:nowrap;z-index:10}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.792rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:3px}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:999}.toast{background:var(--bg-card);border:1px solid var(--border-hover);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:12px 16px;font-size:.935rem;box-shadow:var(--shadow-lg);max-width:380px}.toast.err{border-left-color:var(--error)}.toast.ok{border-left-color:var(--success)}