:root{--fox-50:#FDF2EC;--fox-200:#F6BDA2;--fox-500:#E2582E;--fox-600:#C7461F;--fox-700:#A1381A;--slate-0:#FFF;--slate-50:#F6F7F9;--slate-100:#EEF0F3;--slate-150:#E5E8EC;--slate-200:#D6DBE0;--slate-300:#AFB8C2;--slate-400:#828D9B;--slate-500:#5A6573;--slate-700:#2C343D;--slate-900:#161B22;--slate-950:#0F1419;--safe-50:#E6F5EE;--safe-600:#157A52;--threat-50:#FCE9E7;--threat-600:#B6271C;--brand:var(--fox-500);--surface-page:var(--slate-50);--surface-card:var(--slate-0);--surface-sunken:var(--slate-100);--text-strong:var(--slate-950);--text-body:var(--slate-700);--text-muted:var(--slate-500);--text-faint:var(--slate-400);--border-subtle:var(--slate-150);--border-default:var(--slate-200);--border-strong:var(--slate-300);--font-sans:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--shadow-sm:0 1px 2px rgba(15,20,25,.06),0 2px 4px rgba(15,20,25,.05);--focus:0 0 0 3px rgba(226,88,46,.25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-body);background:var(--surface-page)}button,input,select,textarea{font:inherit}.app-shell{height:100vh;display:flex;overflow:hidden}.boot{height:100%;display:grid;place-items:center;color:var(--text-muted)}.sidebar{width:244px;background:var(--slate-900);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:17px;padding:0 8px 25px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand);font-weight:800}.brand b{color:var(--fox-200)}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button,.sidebar-user button{border:0;background:transparent;color:#afb8c2;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#2c343d;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--brand)}.sidebar-user{margin-top:auto;padding:16px 8px 0;border-top:1px solid #2C343D;display:flex;flex-direction:column;gap:3px}.sidebar-user span{font-size:13px;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:var(--slate-400);text-transform:uppercase;font:10px var(--font-mono)}.sidebar-user button{padding:9px 0 0;font-size:12px}.work-area{flex:1;overflow:auto}.pane-header{height:74px;padding:0 32px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:5}.pane-header h1{font-size:21px;margin:0;color:var(--text-strong)}.pane-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.pane-body{padding:28px 32px;max-width:1280px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font:600 11px var(--font-mono)}.btn{border:1px solid transparent;background:var(--brand);color:#fff;font-weight:600;border-radius:6px;padding:9px 14px;cursor:pointer;box-shadow:0 4px 12px #e2582e33}.btn:hover{background:var(--fox-600)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--text-strong);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.btn.danger{background:var(--threat-600)}.table-wrap,.card{background:#fff;border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:11px 14px;background:var(--surface-sunken);border-bottom:1px solid var(--border-default);font:600 11px var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}td{padding:13px 14px;border-bottom:1px solid var(--border-subtle);font-size:14px;vertical-align:top}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--slate-50)}.badge{display:inline-flex;border-radius:999px;padding:3px 8px;font:600 10px var(--font-mono);text-transform:uppercase}.badge.active{background:var(--safe-50);color:var(--safe-600)}.badge.inactive{background:var(--slate-100);color:var(--slate-500)}.muted{color:var(--text-muted);font-size:13px}.empty{padding:44px;text-align:center;color:var(--text-faint)}.error-box{padding:14px;background:var(--threat-50);color:var(--threat-600);border-radius:8px}.stack{display:flex;flex-direction:column;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:22px}.card h2,.card h3{margin:0 0 14px;color:var(--text-strong)}.mono{font-family:var(--font-mono)}.pane-actions label{flex-direction:row;align-items:center;font-weight:400}.pane-actions input[type=checkbox]{width:auto}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-strong)}input,select,textarea{width:100%;border:1px solid var(--border-default);border-radius:6px;padding:10px 12px;background:#fff;color:var(--text-strong);box-shadow:inset 0 1px 2px #0f14190d}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:var(--focus)}textarea{resize:vertical;font-family:var(--font-mono);font-size:12px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;gap:9px;flex-wrap:wrap}.meta{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;font-size:14px}.meta dt{color:var(--text-muted);font:11px var(--font-mono);text-transform:uppercase}.meta dd{margin:0}.message-body{white-space:pre-wrap;line-height:1.65}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f14198c;display:grid;place-items:center;z-index:20;padding:20px}.modal{background:#fff;border-radius:16px;width:min(600px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 60px #00000040}.modal header,.modal footer{padding:18px 22px;display:flex;align-items:center;gap:10px}.modal header{border-bottom:1px solid var(--border-subtle)}.modal header h2{margin:0;font-size:18px}.modal header button{margin-left:auto;border:0;background:transparent;font-size:24px;cursor:pointer}.modal .content{padding:22px}.modal footer{justify-content:flex-end;border-top:1px solid var(--border-subtle)}.toast{position:fixed;right:24px;top:24px;z-index:30;padding:13px 16px;border-radius:9px;color:#fff;box-shadow:0 12px 30px #0003;max-width:420px}.toast.success{background:var(--safe-600)}.toast.error{background:var(--threat-600)}.login-shell{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,var(--fox-50),var(--slate-50) 45%)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid var(--border-subtle);border-radius:20px;padding:34px;box-shadow:0 20px 50px #0f14191f;display:flex;flex-direction:column;gap:17px}.brand-login{padding:0}.login-card h1{margin:0;color:var(--text-strong)}@media (max-width:800px){.sidebar{width:190px}.pane-body{padding:20px}.pane-header{padding:0 20px}.grid-2,.form-row{grid-template-columns:1fr}}