*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;background:#07080F;color:#E5E7EB;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}a{color:inherit;text-decoration:none}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 800px at 20% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(900px 700px at 110% 110%,rgba(59,130,246,.16),transparent 60%),#07080F}.login-card{width:100%;max-width:380px;background:rgba(20,22,38,.7);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}.brand{display:flex;align-items:center;gap:8px;margin-bottom:18px}.brand-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#A855F7,#3B82F6)}.brand-name{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#94A3B8;text-transform:uppercase}.login-title{font-size:28px;font-weight:800;margin:0 0 4px;letter-spacing:-.4px}.login-sub{color:#94A3B8;font-size:13px;margin:0 0 22px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-size:11px;font-weight:700;letter-spacing:1.2px;color:#94A3B8;text-transform:uppercase}.field input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#FFFFFF;padding:12px 14px;border-radius:10px;font-size:14px;outline:none}.field input:focus{border-color:#6366F1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.login-err{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);color:#FCA5A5;font-size:12px;padding:8px 12px;border-radius:8px;margin-bottom:12px}.login-btn{width:100%;padding:13px 16px;border-radius:12px;border:none;font-weight:700;font-size:14px;color:#FFFFFF;background:linear-gradient(135deg,#7C3AED,#6366F1);cursor:pointer;margin-top:6px}.login-btn:disabled{opacity:.5;cursor:not-allowed}.shell{max-width:1280px;margin:0 auto;padding:32px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.top h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.4px}.top-meta{display:flex;gap:16px;color:#94A3B8}.live-pill,.top-meta{align-items:center;font-size:12px}.live-pill{display:inline-flex;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(16,185,129,.12);color:#6EE7B7;font-weight:700;border:1px solid rgba(16,185,129,.3)}.live-dot{width:8px;height:8px;border-radius:50%;background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.live-pill-pulse{animation:liveFlash 1.2s ease-out}@keyframes liveFlash{0%{transform:scale(1);background:rgba(16,185,129,.12)}30%{transform:scale(1.06);background:rgba(16,185,129,.32);box-shadow:0 0 0 6px rgba(16,185,129,.18)}to{transform:scale(1);background:rgba(16,185,129,.12);box-shadow:0 0 0 0 transparent}}.logout-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#E5E7EB;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(12,1fr)}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media (max-width:900px){.span-3,.span-4{grid-column:span 6}.span-6,.span-8{grid-column:span 12}}@media (max-width:600px){.span-3,.span-4,.span-6,.span-8{grid-column:span 12}.shell{padding:18px}}.card{background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px;position:relative;overflow:hidden}.card-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#94A3B8;text-transform:uppercase;margin-bottom:8px}.card-value{font-size:30px;font-weight:800;letter-spacing:-.6px;color:#FFFFFF}.card-sub{font-size:12px;color:#94A3B8;margin-top:4px}.card-good .card-value{color:#6EE7B7}.card-bad .card-value{color:#FCA5A5}.card-warn .card-value{color:#FBBF24}.split{align-items:baseline;gap:18px}.kv,.split{display:flex}.kv{flex-direction:column;gap:2px}.kv-key{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#64748B;text-transform:uppercase}.kv-val{font-size:16px;font-weight:700;color:#E5E7EB}.section-title{font-size:13px;font-weight:800;letter-spacing:1.2px;color:#94A3B8;text-transform:uppercase;margin:26px 0 12px}.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bar-label{width:90px;font-size:12px;color:#94A3B8}.bar-track{flex:1 1;height:10px;background:rgba(255,255,255,.06);border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#6366F1,#A855F7);border-radius:5px}.bar-count{width:50px;text-align:right;font-size:12px;font-weight:700;color:#E5E7EB}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.6px}.tag-good{background:rgba(16,185,129,.15);color:#6EE7B7}.tag-bad{background:rgba(239,68,68,.15);color:#FCA5A5}.tag-info{background:rgba(99,102,241,.15);color:#A5B4FC}.tag-warn{background:rgba(245,158,11,.15);color:#FCD34D}.divider{height:1px;background:rgba(255,255,255,.06);margin:12px 0}.plan-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.plan-row:last-child{border-bottom:none}.plan-name{font-size:13px;font-weight:700;color:#E5E7EB}.plan-count{font-size:16px;font-weight:800;color:#FFFFFF}.plan-tag-free{color:#94A3B8}.plan-tag-plus{color:#C4B5FD}.plan-tag-pro{color:#FCD34D}.muted{color:#64748B;font-size:11px}.refresh-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#E5E7EB;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.topnav{border-bottom:1px solid rgba(255,255,255,.06);background:rgba(20,22,38,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topnav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:12px 32px}.topnav-brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:.4px}.topnav-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#A855F7,#3B82F6)}.topnav-links{display:flex;gap:4px;flex:1 1}.topnav-link{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#94A3B8;transition:background .12s ease,color .12s ease}.topnav-link:hover{color:#E5E7EB;background:rgba(255,255,255,.04)}.topnav-link.active{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(99,102,241,.18));color:#FFFFFF}.topnav-right{display:flex;align-items:center;gap:10px}.toggle{position:relative;width:48px;height:26px;border:none;border-radius:999px;background:rgba(255,255,255,.12);cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-on{background:linear-gradient(135deg,#A855F7,#6366F1)}.toggle-dot{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#FFFFFF;transition:transform .2s cubic-bezier(.34,1.4,.64,1);box-shadow:0 2px 6px rgba(0,0,0,.3)}.toggle-on .toggle-dot{transform:translateX(22px)}.input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#FFFFFF;padding:9px 12px;border-radius:8px;font-size:13px;outline:none}.input:focus{border-color:#6366F1;box-shadow:0 0 0 3px rgba(99,102,241,.18)}.btn-primary{background:linear-gradient(135deg,#7C3AED,#6366F1);color:#FFFFFF;border:none;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#E5E7EB;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.btn-secondary:hover,input[type=range]{background:rgba(255,255,255,.08)}input[type=range]{-webkit-appearance:none;height:4px;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#A855F7,#6366F1);cursor:pointer;box-shadow:0 2px 6px rgba(99,102,241,.4);-webkit-transition:transform .1s ease;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#A855F7,#6366F1);border:none;cursor:pointer}.log-table{width:100%;border-collapse:collapse;font-size:13px}.log-table thead th{text-align:left;padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#64748B;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.log-table tbody td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:#E5E7EB;vertical-align:top}.log-table tbody tr:hover td{background:rgba(255,255,255,.02)}.log-table code{font-size:11px;background:rgba(255,255,255,.05);padding:1px 6px;border-radius:4px}.status-banner{border-radius:22px;padding:22px 24px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);border-left:4px solid #475569;position:relative;overflow:hidden}.status-banner.status-good{border-left-color:#10B981;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.02))}.status-banner.status-bad{border-left-color:#EF4444;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.03))}.status-banner-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.status-banner-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#94A3B8;margin-bottom:6px}.status-banner-title{font-size:32px;font-weight:900;letter-spacing:-.6px;color:#FFFFFF}.status-good .status-banner-title{color:#6EE7B7}.status-bad .status-banner-title{color:#FCA5A5}.status-banner-since{font-size:13px;font-weight:600;color:#94A3B8;margin-left:12px;letter-spacing:0}.status-banner-sub{font-size:13px;color:#94A3B8;margin-top:4px;max-width:520px;line-height:1.5}.status-pills{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.status-banner-warn{margin-top:14px;padding:9px 12px;border-radius:10px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.3);color:#FCD34D;font-size:12px;font-weight:600}.ratio-headline{font-size:28px;font-weight:900;letter-spacing:-.6px;margin-bottom:18px}.ratio-headline .ratio-safe{color:#6EE7B7}.ratio-headline .ratio-mid{color:#FCD34D}.ratio-headline .ratio-danger{color:#FCA5A5}.meter{position:relative;height:22px}.meter-track{right:0;background:rgba(255,255,255,.06);border-radius:4px}.meter-track,.meter-zone-safe{position:absolute;left:0;top:50%;height:8px;margin-top:-4px}.meter-zone-safe{background:linear-gradient(90deg,rgba(16,185,129,.35),rgba(16,185,129,.18));border-radius:4px 0 0 4px}.meter-zone-danger{position:absolute;top:50%;height:8px;background:linear-gradient(90deg,rgba(239,68,68,.2),rgba(239,68,68,.45));border-radius:0 4px 4px 0;margin-top:-4px}.meter-marker{position:absolute;top:50%;width:3px;height:22px;background:#FFFFFF;margin-top:-11px;border-radius:2px;box-shadow:0 0 10px rgba(255,255,255,.6)}.meter-tick{position:absolute;top:50%;width:1px;height:14px;background:rgba(255,255,255,.4);margin-top:-7px}.meter-tick-label{position:absolute;top:14px;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:1px;color:#64748B;text-transform:uppercase}.reasoning-summary{font-size:13.5px;line-height:1.55;color:#E5E7EB;margin-bottom:6px}.gate{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.03);margin-bottom:6px;border:1px solid rgba(255,255,255,.05)}.gate-pass{border-color:rgba(16,185,129,.25)}.gate-fail{border-color:rgba(239,68,68,.2)}.gate-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.gate-pass .gate-icon{background:rgba(16,185,129,.18);color:#6EE7B7}.gate-fail .gate-icon{background:rgba(239,68,68,.18);color:#FCA5A5}.reasoning-conclusion{font-size:12px;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03);color:#CBD5E1;border:1px dashed rgba(255,255,255,.1)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:10px}@media (max-width:700px){.metric-grid{grid-template-columns:repeat(2,1fr)}}.metric{padding:10px 12px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.05)}.metric-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#64748B;text-transform:uppercase;margin-bottom:4px}.metric-value{font-size:18px;font-weight:800;letter-spacing:-.3px}.metric-good{color:#6EE7B7}.metric-bad{color:#FCA5A5}.metric-mid{color:#FCD34D}.metric-muted{color:#E5E7EB}.controls-stack{display:flex;flex-direction:column;gap:4px}.controls-stack .btn-primary,.controls-stack .btn-secondary{width:100%}.btn-danger{border-color:rgba(239,68,68,.4);color:#FCA5A5}.btn-danger:hover{background:rgba(239,68,68,.08)}.evaluate-result{margin-top:12px;padding:9px 11px;border-radius:10px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);font-size:12px;color:#A5B4FC}.policy-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px 28px;gap:18px 28px}@media (max-width:700px){.policy-grid{grid-template-columns:1fr}}.slider-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.slider-label{font-size:12px;font-weight:600;color:#CBD5E1}.slider-value{font-size:14px;font-weight:800;color:#FFFFFF}.slider-hint{font-size:11px;color:#64748B;margin-top:4px}.span-5{grid-column:span 5}.span-7{grid-column:span 7}@media (max-width:900px){.span-5,.span-7{grid-column:span 12}}