*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%;scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:#020617;color:#e5e7eb;overflow-x:hidden;-webkit-font-smoothing:antialiased}#__next{position:relative;min-height:100vh;isolation:isolate}body:before{inset:-20%;z-index:-4;background:radial-gradient(circle at 15% 0,rgba(56,189,248,.55),transparent 60%),radial-gradient(circle at 85% 0,rgba(168,85,247,.5),transparent 65%),radial-gradient(circle at 15% 85%,rgba(34,197,94,.3),transparent 70%),radial-gradient(circle at 85% 80%,rgba(248,113,113,.28),transparent 70%),radial-gradient(circle at 50% 50%,rgba(15,23,42,.7),#020617 60%,#000 100%)}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{inset:-12%;z-index:-3;background:radial-gradient(circle at 0 15%,rgba(56,189,248,.35),transparent 65%),radial-gradient(circle at 100% 85%,rgba(248,250,252,.18),transparent 65%);mix-blend-mode:screen;opacity:.85;animation:cockpit-ambient-drift 28s ease-in-out infinite alternate}@keyframes cockpit-ambient-drift{0%{transform:translate3d(-18px,-16px,0) scale(1);opacity:.7}50%{transform:translate3d(20px,10px,0) scale(1.04);opacity:1}to{transform:translate3d(-10px,18px,0) scale(1.02);opacity:.75}}#__next:before{content:"";z-index:-2;background-image:linear-gradient(180deg,rgba(15,23,42,0),rgba(148,163,184,.13) 1px,rgba(15,23,42,0) 2px);background-size:100% 3px;opacity:.35;mix-blend-mode:soft-light}#__next:before,.cockpit-particles{position:fixed;inset:0;pointer-events:none}.cockpit-particles{z-index:-1}.cockpit-particles:after,.cockpit-particles:before{content:"";position:absolute;inset:-25%;background-image:radial-gradient(circle,rgba(148,163,184,.3) 0,transparent 55%),radial-gradient(circle,rgba(56,189,248,.4) 0,transparent 60%),radial-gradient(circle,rgba(244,114,182,.26) 0,transparent 60%);opacity:.16;mix-blend-mode:screen;animation:cockpit-stars 42s linear infinite}.cockpit-particles:after{animation-duration:70s;animation-direction:reverse;opacity:.23}@keyframes cockpit-stars{0%{transform:translateZ(0)}50%{transform:translate3d(-26px,-16px,0)}to{transform:translate3d(20px,22px,0)}}:root{--c-bg:#020617;--c-surface:#020617;--c-surface-elevated:#020617;--c-panel:#020617;--c-panel-soft:#0b1120;--c-panel-strong:#020617;--c-text:#e5e7eb;--c-muted:#9ca3af;--c-subtle:#6b7280;--c-blue:#3b82f6;--c-blue-soft:#38bdf8;--c-indigo:#6366f1;--c-cyan:#06b6d4;--c-teal:#14b8a6;--c-green:#22c55e;--c-amber:#fbbf24;--c-red:#ef4444;--c-pink:#f472b6;--sev-critical:#fb7185;--sev-high:#f97316;--sev-medium:#38bdf8;--sev-low:#22c55e;--r-xl:24px;--r-lg:18px;--r-md:12px;--r-pill:999px;--shadow-soft:0 12px 30px rgba(15,23,42,0.8);--shadow-strong:0 24px 60px rgba(15,23,42,0.95)}a{color:inherit}a,a:hover{text-decoration:none}h1,h2,h3,h4{font-weight:600;letter-spacing:.02em}h1,h2,h3,h4,p{margin:0;color:var(--c-text)}.cockpit-panel{position:relative;border-radius:var(--r-xl);padding:16px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.08),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.5);box-shadow:var(--shadow-strong)}.cockpit-panel-soft{position:relative;border-radius:var(--r-xl);padding:16px;background:radial-gradient(circle at 0 0,rgba(30,64,175,.35),rgba(15,23,42,1)),radial-gradient(circle at 100% 100%,rgba(15,23,42,1),rgba(0,0,0,1));border:1px solid rgba(15,23,42,.9);box-shadow:var(--shadow-soft)}.cockpit-panel-soft:before,.cockpit-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(148,163,184,.35);pointer-events:none}.cockpit-panel,.cockpit-panel-soft{transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.cockpit-panel-soft:hover,.cockpit-panel:hover{transform:translateY(-2px);box-shadow:0 28px 70px rgba(15,23,42,.98)}.cockpit-hero{position:relative;z-index:1}.cockpit-hero:before{inset:-24px;background:radial-gradient(circle at 10% 0,rgba(56,189,248,.45),transparent 60%),radial-gradient(circle at 90% 0,rgba(248,250,252,.22),transparent 70%),radial-gradient(circle at 50% 100%,rgba(248,113,113,.2),transparent 75%);opacity:.9;filter:blur(10px);z-index:-1}.cockpit-hero:after,.cockpit-hero:before{content:"";position:absolute;border-radius:32px;pointer-events:none}.cockpit-hero:after{inset:-6px;border:1px solid rgba(56,189,248,.8);box-shadow:0 0 26px rgba(56,189,248,.9),0 0 36px rgba(248,250,252,.2),0 0 80px rgba(37,99,235,.5);opacity:.55;animation:hero-pulse 4s ease-in-out infinite}@keyframes hero-pulse{0%{opacity:.25;transform:scale(.99)}40%{opacity:.9;transform:scale(1.02)}75%{opacity:.5;transform:scale(1.01)}to{opacity:.3;transform:scale(1)}}.cockpit-telemetry{position:relative}.cockpit-telemetry:after,.cockpit-telemetry:before{content:"";position:absolute;top:8%;bottom:8%;width:1px;background:linear-gradient(180deg,transparent,rgba(56,189,248,.45),transparent);opacity:.7;pointer-events:none}.cockpit-telemetry:before{left:10px}.cockpit-telemetry:after{right:10px}.cockpit-pulse{position:relative;z-index:1}.cockpit-pulse:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(56,189,248,.75);opacity:0;box-shadow:0 0 28px rgba(56,189,248,.6);pointer-events:none;animation:cockpit-pulse 3s ease-out infinite}@keyframes cockpit-pulse{0%{opacity:0;transform:scale(.98)}25%{opacity:.7;transform:scale(1.02)}60%{opacity:0;transform:scale(1.06)}to{opacity:0;transform:scale(1.08)}}.cockpit-table-shell{position:relative;border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(circle at 0 0,rgba(15,23,42,.96),rgba(15,23,42,.99));box-shadow:0 24px 55px rgba(15,23,42,.96),0 0 30px rgba(15,23,42,.9)}.cockpit-table-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(148,163,184,.35);box-shadow:0 0 18px rgba(15,23,42,.9),0 0 24px rgba(30,64,175,.35);pointer-events:none}.cockpit-table-shell:after{content:"";position:absolute;left:15%;right:15%;bottom:-24px;height:60px;background:radial-gradient(circle at 50% 0,rgba(56,189,248,.4),transparent 70%);opacity:.8;pointer-events:none}.cockpit-table-shell tbody tr{transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out}.cockpit-table-shell tbody tr:hover{transform:translateY(-1px);background-color:rgba(15,23,42,.98);box-shadow:0 0 18px rgba(56,189,248,.25)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(15,23,42,1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1f2937,#4b5563);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#38bdf8,#0f172a)}.cockpit-text-gradient{background-image:linear-gradient(90deg,#38bdf8,#e0f2fe,#a855f7);-webkit-background-clip:text;color:transparent}.cockpit-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;gap:6px;border:1px solid rgba(148,163,184,.6);background:rgba(15,23,42,.9);color:var(--c-muted)}.cockpit-badge--critical{border-color:rgba(248,113,113,.85);color:#fecaca;background:rgba(127,29,29,.9)}.cockpit-badge--high{border-color:rgba(250,204,21,.85);color:#fef9c3;background:rgba(113,63,18,.9)}.cockpit-badge--medium{border-color:rgba(56,189,248,.85);color:#e0f2fe;background:rgba(15,23,42,.9)}.cockpit-badge--low{border-color:rgba(34,197,94,.85);color:#bbf7d0;background:rgba(22,101,52,.9)}.cockpit-btn{border-radius:var(--r-pill);padding:6px 12px;font-size:11px;font-weight:500;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.96);color:var(--c-text);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s ease-out,box-shadow .15s ease-out,transform .12s ease-out,border-color .15s ease-out}.cockpit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,23,42,.9)}.cockpit-btn--primary{background:radial-gradient(circle at top left,#3b82f6,#1d4ed8,#0f172a);border-color:rgba(59,130,246,.9);color:#e0f2fe}.cockpit-btn--primary:hover{box-shadow:0 14px 36px rgba(37,99,235,.7)}.cockpit-btn--danger{background:rgba(127,29,29,.95);border-color:rgba(248,113,113,.85);color:#fecaca}.cockpit-btn--danger:hover{box-shadow:0 14px 36px rgba(248,113,113,.6)}.cockpit-btn--ghost{background:rgba(15,23,42,.9);border-color:rgba(148,163,184,.6);color:#e5e7eb}.cockpit-btn--ghost:hover{background:rgba(31,41,55,.95)}.cockpit-input{width:100%;border-radius:var(--r-pill);padding:7px 10px;border:1px solid rgba(51,65,85,.9);background:rgba(15,23,42,.96);color:#e5e7eb;font-size:13px;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.cockpit-input::-moz-placeholder{color:rgba(148,163,184,.9)}.cockpit-input::placeholder{color:rgba(148,163,184,.9)}.cockpit-input:focus{border-color:rgba(56,189,248,.9);box-shadow:0 0 0 1px rgba(56,189,248,.35)}