/* MALIK HEX · Blue Neon. CPM1's three-level neon language, adapted to CPM2. */
html:root,html:root[data-theme]{
 --bg:#02050b;--s0:#030914;--s1:#071121;--s2:#0b1b31;--s3:#102744;
 --surface:#071121;--surface2:#0b1b31;--sheet:#050d1b;--pop:#0b1b31;
 --ink:#eff7ff;--fg:#eff7ff;--sub:#a2b9d5;--muted:#6e89aa;--fg2:#a2b9d5;--fg3:#6e89aa;
 --neon:#2388ff;--neon-hot:#a1d6ff;--neon-soft:#64b5ff;--ember:#084fba;
 --line:rgba(65,151,255,.2);--line-2:rgba(65,151,255,.38);--hair:var(--line);--hair2:var(--line-2);--border:var(--line);
 --brass:var(--neon);--brass2:var(--neon-hot);--brass-ink:#f1f8ff;--brass-bg:#0b2243;
 --accent:var(--neon);--info:var(--neon-soft);--info-bg:#0b2243;--running:var(--neon-soft);--ring-bg:#122c4d;
 --icbg:#0c2443;--icring:var(--line-2);--tint:#0c2443;--vbg:#102b50;
 --glow:rgba(35,136,255,.24);--mesh1:rgba(35,136,255,.13);--mesh2:rgba(35,136,255,.06);--mesh3:rgba(35,136,255,.03);
 --edge:rgba(65,151,255,.5);--ok:#78dfb7;--success:#78dfb7;--bad:#ff879c;--danger:#ff879c;--warn:#f1c46f;
 --hex-spectrum:linear-gradient(150deg,#2496ff 0%,#1265de 52%,#093b91 100%);
 --ui:'Manrope',-apple-system,'Segoe UI',sans-serif;--disp:'Chakra Petch','Manrope',sans-serif;
 color-scheme:dark;
}
html{background:var(--bg)}body{background:radial-gradient(ellipse at 95% -5%,#0a2b5555,transparent 55%),radial-gradient(ellipse at -15% 80%,#06244a44,transparent 50%),var(--bg)!important;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,#73b7ff03 50%,transparent 50.3%);background-size:48px 48px;z-index:-1}
:focus-visible{outline:2px solid var(--neon-hot)!important;outline-offset:3px}::selection{background:#2388ff66;color:white}
.page,.wrap{width:min(100%,760px);max-width:760px;margin:0 auto}.wrap{padding-top:6px}
.dashboard-head,.top{padding:18px 0 22px!important;margin-bottom:24px!important;border-bottom:1px solid var(--line-2)}
.dashboard-head::after,.top::after{background:linear-gradient(90deg,var(--neon),#2388ff22,transparent)!important;bottom:0;height:2px;opacity:1;box-shadow:0 0 18px #2388ff55}
.dashboard-copy h1,.top h1,.ph h1,.brand h1{font-family:var(--disp)!important;color:var(--ink);font-weight:700;letter-spacing:.015em}
.dashboard-copy h1{font-size:32px;text-shadow:0 0 30px #2388ff55}.dashboard-copy .eyebrow,.hex-kicker{color:var(--neon-soft);font:700 9px/1.5 var(--ui);letter-spacing:.22em}
.brand-mark,.badge,.hex-login-symbol{color:var(--neon-hot)!important;background:linear-gradient(145deg,#0e2c52,#061326)!important;border:1px solid var(--line-2);box-shadow:inset 0 1px 0 #a1d6ff22,0 0 24px -8px #2388ff77}
.blue-masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 14px;margin-bottom:10px;border-bottom:1px solid var(--line-2)}
.blue-signature{font:700 17px/1.2 var(--disp);letter-spacing:.05em}.blue-signature em{color:var(--neon-hot);font-style:normal;text-shadow:0 0 14px #2388ff88}.blue-signature small{display:block;margin-top:6px;font:600 8px/1.3 var(--ui);letter-spacing:.22em;color:var(--muted)}
.blue-badge{flex:none;border:1px solid var(--line-2);background:#0a2343;color:var(--neon-hot);border-radius:6px;padding:6px 9px;font:800 8px/1.2 var(--ui);letter-spacing:.14em}
.blue-intro{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 18px}.blue-intro h1{font:700 28px/1.1 var(--disp);margin:0 0 6px}.blue-intro p{font-size:12px;color:var(--sub);margin:0}.blue-intro .blue-icon{width:46px;height:46px;border-radius:14px;background:#102c51;display:grid;place-items:center;color:var(--neon-hot);font-size:22px;border:1px solid var(--line-2)}
.hex-connected,.grp,.bal,.sec,.hex-login-card,.hex-account-details,.quota,.blue-match-list,.blue-stat,.hex-status{border:1px solid var(--line)!important;border-radius:18px!important;background:linear-gradient(150deg,#0b1c31,#050d1b)!important;box-shadow:inset 0 1px 0 #94cbff0b,0 18px 30px -26px #000!important}
.sec{padding:20px!important;margin-bottom:14px}.sec h2{font:700 16px/1.35 var(--disp);margin-bottom:8px}.sec .hint,.hint{color:var(--sub)!important;font-size:12px;line-height:1.65}
.hex-tool-list{display:flex;flex-direction:column;gap:10px!important;margin-top:15px}
.svc-row,.blue-admin-row{position:relative;overflow:hidden;border:1px solid var(--line)!important;border-radius:14px!important;background:linear-gradient(110deg,#0a1a2d,#060e1b)!important;min-height:76px;padding:16px!important;box-shadow:0 8px 22px -20px #000!important;transition:border-color .18s,transform .18s,background .18s}
.svc-row::before,.blue-admin-row::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--neon);box-shadow:0 0 12px #2388ff66;opacity:.65}
.svc-row:hover,.blue-admin-row:hover{border-color:#459bff88!important;background:#102746!important;transform:translateY(-1px)}.svc-row:active,.blue-admin-row:active{transform:scale(.99)}
.svc-row .tx b,.blue-admin-row b{font:700 14px/1.4 var(--ui);color:var(--ink)}.svc-row .tx small,.blue-admin-row small{font:500 11px/1.5 var(--ui);color:var(--sub);display:block;margin-top:4px}.svc-row .ic{width:40px!important;height:40px!important;background:#102c50!important;color:var(--neon-soft)!important;border:1px solid var(--line);border-radius:12px!important}
.svc-row:not(:has(.ic)){padding-left:22px!important}.svc-row .chev{color:var(--neon-soft)}
.btn,.hex-primary{background:var(--hex-spectrum)!important;color:#f6fbff!important;border:1px solid #57a4ff66!important;border-radius:12px!important;min-height:48px;font:800 12px/1.4 var(--ui)!important;letter-spacing:.025em;box-shadow:inset 0 1px 0 #b0dcff33,0 8px 24px -14px #2388ffaa!important;transition:filter .18s,transform .18s}
.btn:hover,.hex-primary:hover{filter:brightness(1.12)}.btn:active,.hex-primary:active{transform:scale(.985)}
.btn.quiet,.btn.ghost,.btn.btn-glass,.mini,.hex-logout{background:#0c2039!important;border:1px solid var(--line-2)!important;color:var(--neon-hot)!important;box-shadow:none!important}.mini{border-radius:9px!important;min-height:34px}.btn.danger{background:#38131d!important;border-color:#a9415355!important;color:#ffb4c1!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#040c18!important;color:var(--ink)!important;border-color:var(--line-2)!important;border-radius:11px!important;min-height:46px;font-family:var(--ui)!important;font-size:14px!important;box-shadow:inset 0 2px 5px #0003}
input:focus,select:focus,textarea:focus{border-color:var(--neon)!important;box-shadow:0 0 0 3px #2388ff12!important}.field label,.hex-form label{font-size:10px!important;letter-spacing:.08em;color:var(--sub)!important}input::placeholder,textarea::placeholder{color:#5b7594!important}
.hex-status{padding:16px!important;font:500 12px/1.8 var(--ui)!important;white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid var(--neon)!important;min-height:54px}.msg,.toast{border:1px solid var(--line-2)!important;border-radius:12px!important;background:#0a1d36!important;box-shadow:0 18px 45px -20px #000;color:var(--ink)}.msg.err{border-color:#ff879c66!important;background:#25101d!important}.msg.ok{border-color:#78dfb744!important;background:#0b2429!important}
.sheet,.sheet .inner,.sheet-inner{background:var(--sheet)!important}.pop,.dialog{background:var(--pop)!important;border:1px solid var(--line-2)!important}.ph{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px!important}.ph p{font-size:12px;line-height:1.7;color:var(--sub)}
.tabs{background:#061224ee!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;padding:5px!important}.tabs button{border-radius:8px!important;font-size:11px!important;min-width:58px;height:34px!important}.tabs button.on{background:#102f59!important;color:var(--neon-hot)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important}
.blue-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.blue-stat{padding:16px!important}.blue-stat span{font:700 9px/1.4 var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--sub)}.blue-stat b{display:block;font:700 29px/1.5 var(--disp);color:var(--neon-hot);font-variant-numeric:tabular-nums}.blue-admin-menu{display:grid;grid-template-columns:1fr;gap:10px}.blue-admin-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;color:var(--ink)}.blue-admin-row .blue-menu-icon{flex:none;width:39px;height:39px;border-radius:11px;border:1px solid var(--line);background:#0d2544;display:grid;place-items:center;color:var(--neon-soft)}.blue-admin-row .blue-menu-copy{flex:1;min-width:0}.blue-admin-row .blue-chevron{color:var(--neon-soft);font-size:21px}
.blue-admin-home #tabs{display:none}.blue-admin-home #blueAdminBack{display:none}#blueAdminBack{width:100%;margin:0 0 14px}.blue-admin-home .top,.blue-admin-home .hex-owner-credit{display:none}.blue-admin-home .blue-masthead{margin-bottom:0}
.blue-match-list{display:grid;gap:0;overflow:hidden;margin:14px 0}.blue-match-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:14px;border-bottom:1px solid var(--line)}.blue-match-row:last-child{border-bottom:0}.blue-match-row b{font-size:13px}.blue-match-row small{display:block;color:var(--sub);font-size:10px;margin-top:3px}.blue-match-row span{color:var(--neon-hot);font:700 11px var(--ui)}.blue-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.blue-flow b{font:700 11px var(--ui);color:var(--neon-hot)}.blue-flow button{flex:none}.blue-pair-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.blue-account-card{border:1px solid var(--line);border-radius:14px;background:#06101f;padding:14px}.blue-account-card legend{font:800 10px var(--ui);color:var(--neon-soft);padding:0 4px}
.hex-login-body{background:radial-gradient(ellipse at 50% -10%,#103d7144,transparent 65%),var(--bg)!important}.hex-login-card{padding:30px 24px!important}.hex-login-wordmark{font-family:var(--disp)!important}.hex-login-wordmark span{color:var(--neon-hot)}.hex-login-card h1{font:700 30px var(--disp)!important}.hex-login-symbol{font-family:var(--disp)!important}.hex-credit,.hex-owner-credit{color:var(--muted)!important}.hex-credit strong,.hex-owner-credit strong{color:var(--neon-hot)!important}
.blue-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0 2px;margin-top:24px;font:600 9px var(--ui);color:var(--muted);letter-spacing:.08em}
@media(min-width:640px){.blue-admin-menu{grid-template-columns:1fr 1fr}.blue-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.page,.wrap{padding-left:24px;padding-right:24px}.hex-tool-list{display:grid!important;grid-template-columns:1fr 1fr}}
@media(max-width:420px){.blue-pair-grid{grid-template-columns:1fr}.blue-intro h1{font-size:25px}.blue-signature{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hex-admin-dock a{background:#081d38!important;color:var(--neon-hot)!important;border:1px solid var(--line-2)!important;box-shadow:0 0 25px -16px #2388ff!important}
.hex-live-banner i{background:var(--neon)!important;box-shadow:0 0 10px #2388ff88!important}
.blue-flow .mini{padding:8px 12px;font:700 11px/1.3 var(--ui);min-height:34px}.blue-menu-icon svg,.blue-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.blue-icon svg{width:25px;height:25px}
#hexCreateProgress{background:#12345a!important}#hexCreateProgress::-webkit-progress-bar{background:#12345a!important}#hexCreateProgress::-moz-progress-bar{background:var(--neon)!important}