:root{--bg:#03080d;--sidebar:#071018;--surface:#0b151d;--surface2:#101e28;--line:rgba(117,221,214,.15);--text:#edfffb;--muted:#7f9ea3;--blue:#34a9ff;--violet:#766cff;--cyan:#36e7d0;--green:#57e39b;--orange:#ffbe63;--red:#ff7185;--glow:0 0 42px rgba(54,231,208,.08)}
body{background:radial-gradient(circle at 78% -10%,rgba(52,169,255,.12),transparent 28%),radial-gradient(circle at 16% 110%,rgba(54,231,208,.08),transparent 30%),linear-gradient(180deg,#03080d,#050b11 55%,#03080d)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(73,215,206,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(73,215,206,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.sidebar{background:linear-gradient(180deg,rgba(7,18,26,.98),rgba(3,9,14,.98));box-shadow:18px 0 70px rgba(0,0,0,.16)}
.logo-mark{background:linear-gradient(145deg,var(--cyan),var(--blue));color:#02100f;box-shadow:0 0 26px rgba(54,231,208,.18)}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(54,231,208,.14),rgba(52,169,255,.04));box-shadow:inset 3px 0 var(--cyan)}
.sidebar nav a.active .nav-icon,.quick,.text-link,.kicker{color:#63e6dc}.edge-dot{animation:nexus-pulse 2.2s ease-in-out infinite}
.topbar{background:rgba(3,10,15,.82);border-color:rgba(117,221,214,.11)}
.metric,.card,.domain-card{background:linear-gradient(145deg,rgba(13,27,36,.93),rgba(6,14,20,.95));box-shadow:var(--glow),0 18px 55px rgba(0,0,0,.16)}
.metric:hover,.domain-card:hover{border-color:rgba(54,231,208,.3);transform:translateY(-2px);transition:.2s ease}
.button.primary,.primary{background:linear-gradient(135deg,#16cdbb,#258dff);color:#02100f;box-shadow:0 10px 28px rgba(26,205,187,.16)}
.status.good{color:#7dffc4;border:1px solid rgba(87,227,155,.15)}.visitor-id strong{color:#8af7eb}.visitor-id>i{background:rgba(54,231,208,.09);color:#5af2df}
.file-row:not(.file-header):not(.storage-header):hover{background:rgba(54,231,208,.035)}.progress i{background:linear-gradient(90deg,var(--cyan),var(--blue))}
.login-page{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 20%,rgba(54,231,208,.14),transparent 28%),radial-gradient(circle at 84% 76%,rgba(52,169,255,.13),transparent 30%),#02070b}
.login-page::before{content:"";position:absolute;inset:-30%;opacity:.36;background-image:linear-gradient(rgba(54,231,208,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(54,231,208,.06) 1px,transparent 1px);background-size:56px 56px;transform:perspective(700px) rotateX(58deg) translateY(-12%);animation:nexus-grid 18s linear infinite}
.login-card{position:relative;isolation:isolate;min-height:630px;border-color:rgba(80,232,216,.22);background:rgba(4,12,18,.91);box-shadow:0 42px 140px rgba(0,0,0,.62),0 0 90px rgba(54,231,208,.07);backdrop-filter:blur(20px)}
.login-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 22%,transparent 78%,rgba(54,231,208,.035))}
.login-visual{background:radial-gradient(circle at 22% 28%,rgba(54,231,208,.15),transparent 25%),linear-gradient(145deg,rgba(6,26,33,.98),rgba(5,13,21,.96))}
.login-visual::after{content:"DEVELOP • DEFEND • CREATE";position:absolute;right:-88px;top:88px;transform:rotate(90deg);color:rgba(97,234,222,.22);font:700 9px/1 "Cascadia Code",monospace;letter-spacing:.34em}
.visual-grid{background-size:30px 30px;opacity:.55}.login-visual h1{font-size:54px;background:linear-gradient(125deg,#f0fffc,#6ef4e4 58%,#6fb9ff);-webkit-background-clip:text;color:transparent}
.trust-row span{border:1px solid rgba(54,231,208,.14);background:rgba(54,231,208,.035);border-radius:99px;padding:7px 10px;color:#8cbdbb}
.login-form{position:relative;background:linear-gradient(180deg,rgba(8,18,25,.78),rgba(4,12,18,.9))}
.login-form input{border-color:rgba(117,221,214,.18);background:rgba(1,8,12,.75);font-family:"Cascadia Code",Consolas,monospace}
.login-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(54,231,208,.1),0 0 35px rgba(54,231,208,.06)}
.login-note::before{content:"●";color:var(--green);margin-right:7px;text-shadow:0 0 10px var(--green)}
@keyframes nexus-pulse{0%,100%{box-shadow:0 0 0 4px rgba(87,227,155,.08),0 0 8px rgba(87,227,155,.2)}50%{box-shadow:0 0 0 8px rgba(87,227,155,0),0 0 18px rgba(87,227,155,.38)}}
@keyframes nexus-grid{to{background-position:0 112px,112px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.brand-image{overflow:hidden;padding:0;background:#061018}.brand-image img{width:132%;height:132%;max-width:none;object-fit:cover;object-position:center 35%;transform:translateY(-6%);filter:saturate(.92) contrast(1.08)}

.cyber-wordmark{position:relative;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border:1px solid rgba(54,231,208,.3);border-radius:8px;background:linear-gradient(145deg,rgba(54,231,208,.08),rgba(52,169,255,.08));color:#74f7e9;font:900 13px/1 "Cascadia Code",Consolas,monospace;letter-spacing:.08em;text-shadow:0 0 14px rgba(54,231,208,.55);box-shadow:inset 0 0 18px rgba(54,231,208,.05),0 0 24px rgba(52,169,255,.08);overflow:hidden}.cyber-wordmark::after{content:"";position:absolute;left:6px;right:6px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,#36e7d0,#34a9ff,transparent);box-shadow:0 0 7px #36e7d0}.cyber-wordmark.large{width:auto;height:auto;min-width:0;padding:10px 14px;border-radius:7px;font-size:19px;letter-spacing:.22em;background:linear-gradient(90deg,#7dfff0,#39b8ff 56%,#8d7cff);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:rgba(54,231,208,.22);filter:drop-shadow(0 0 12px rgba(54,231,208,.2))}.cyber-wordmark.large::before{content:"// NEXUS";position:absolute;right:10px;top:-7px;padding:0 4px;background:#07121a;color:#5bded3;font:700 7px/1 "Cascadia Code",monospace;letter-spacing:.15em}.brand-image{display:none!important}