:root{
 --bg:#02070c;--bg2:#07111b;--panel:#081621;--panel2:#0a1b28;--text:#eaf7ff;--muted:#7fa0b5;
 --cyan:#31d7ff;--blue:#1783ff;--gold:#ffad1a;--lime:#8aff6d;--red:#ff5d72;--line:rgba(65,210,255,.18);
 --mx:50%;--my:40%;--tiltx:0deg;--tilty:0deg;
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100%}
body{overflow-x:hidden}button,input,select{font:inherit}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:
radial-gradient(650px circle at var(--mx) var(--my),rgba(21,131,255,.12),transparent 45%),
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
.scan{position:fixed;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.18;z-index:10;pointer-events:none;animation:scan 8s linear infinite}@keyframes scan{from{top:0}to{top:100%}}
#cursor{position:fixed;z-index:9999;width:20px;height:20px;border:1px solid var(--cyan);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(49,215,255,.35);transition:.18s}
#cursor.hot{width:46px;height:46px;border-color:var(--gold);background:rgba(255,173,26,.05)}
#boot{position:fixed;inset:0;z-index:9998;background:#02070c;display:grid;place-items:center;transition:.65s}
#boot.done{opacity:0;visibility:hidden}.bootBox{width:min(560px,88vw);text-align:center}.bootTitle{font-size:clamp(30px,7vw,64px);font-weight:900;letter-spacing:-.05em}.bootTitle span{color:var(--gold)}.bootBar{height:2px;background:#0a1b28;margin:20px 0;overflow:hidden}.bootBar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));animation:load 2s forwards}@keyframes load{to{width:100%}}.bootMsg{font:700 11px monospace;letter-spacing:.16em;color:var(--lime)}
.app{position:relative;z-index:1;display:grid;grid-template-columns:76px 1fr;min-height:100vh}
.rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(2,8,13,.82);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:9px;z-index:30}
.logo{width:48px;height:48px;border:1px solid rgba(255,173,26,.45);display:grid;place-items:center;color:var(--gold);font-weight:900;transform:rotate(45deg);margin-bottom:12px}.logo b{transform:rotate(-45deg)}
.navBtn{width:54px;height:54px;border:1px solid transparent;border-radius:16px;background:transparent;color:#7f9bad;cursor:pointer;display:grid;place-items:center;font-size:19px;position:relative;transition:.2s}.navBtn:hover,.navBtn.active{color:#fff;background:rgba(49,215,255,.08);border-color:var(--line);transform:translateX(3px)}.navBtn span{position:absolute;left:66px;white-space:nowrap;padding:7px 9px;border-radius:8px;background:#081621;border:1px solid var(--line);font-size:11px;opacity:0;pointer-events:none;transform:translateX(-6px);transition:.15s}.navBtn:hover span{opacity:1;transform:none}
.railBottom{margin-top:auto}
.shell{min-width:0}.topbar{position:sticky;top:0;z-index:25;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(14px,3vw,34px);background:rgba(2,7,12,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:.08em}.brand em{font-style:normal;color:var(--gold)}.topStatus{display:flex;gap:16px;align-items:center;font:700 10px monospace;letter-spacing:.11em;color:var(--muted)}.online{color:var(--lime)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;margin-right:6px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}
.industrySelect{border:1px solid var(--line);background:#06111b;color:#fff;border-radius:12px;min-height:38px;padding:0 10px}
.workspace{padding:24px clamp(14px,3vw,34px) 120px}
.view{display:none;animation:viewIn .35s ease}.view.active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(10px)}}
.kicker{font:800 10px monospace;letter-spacing:.18em;color:var(--cyan)}h1,h2,h3,p{margin-top:0}.viewTitle{font-size:clamp(34px,5vw,74px);line-height:.92;letter-spacing:-.05em;margin:10px 0 26px}.sub{color:var(--muted);max-width:760px;line-height:1.6}
.hud{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;min-height:620px;perspective:1400px}
.holo{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(17,131,255,.09),transparent 36%),linear-gradient(155deg,#06121d,#02070c);box-shadow:0 35px 100px rgba(0,0,0,.35);transform:rotateX(var(--tiltx)) rotateY(var(--tilty));transition:transform .08s linear}
.holo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49%,rgba(49,215,255,.035) 50%,transparent 51%);background-size:100% 8px}
.core{position:absolute;left:50%;top:48%;width:250px;height:250px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#bff7ff 0 1%,#2bdcff 2% 4%,#0b8bb0 8%,#071827 30%,#02070c 66%);box-shadow:0 0 55px rgba(49,215,255,.3),inset -25px -30px 55px #000;animation:coreFloat 5s ease-in-out infinite}@keyframes coreFloat{50%{transform:translate(-50%,-54%)}}
.ring{position:absolute;left:50%;top:48%;border:1px solid rgba(49,215,255,.25);border-radius:50%;transform:translate(-50%,-50%);animation:spin 13s linear infinite}.r1{width:340px;height:150px}.r2{width:420px;height:420px;border-color:rgba(255,173,26,.18);animation-duration:19s;animation-direction:reverse}.r3{width:520px;height:230px;animation-duration:24s}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hudNode{position:absolute;width:160px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(6,18,29,.75);backdrop-filter:blur(10px);cursor:pointer;transition:.2s}.hudNode:hover{transform:scale(1.05);border-color:rgba(255,173,26,.42)}.hudNode b{display:block;font-size:12px}.hudNode small{color:var(--muted)}.n1{left:5%;top:14%}.n2{right:5%;top:15%}.n3{left:6%;bottom:17%}.n4{right:6%;bottom:16%}.n5{left:50%;bottom:5%;transform:translateX(-50%)}.n5:hover{transform:translateX(-50%) scale(1.05)}
.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);margin-right:6px}
.sideStack{display:grid;grid-template-rows:auto auto 1fr;gap:14px}.panel{border:1px solid var(--line);border-radius:22px;background:rgba(6,17,28,.76);padding:18px;min-width:0}.panelTitle{font:800 10px monospace;letter-spacing:.15em;color:var(--cyan);margin-bottom:12px}.metricGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.metric{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.018)}.metric strong{display:block;font-size:26px}.metric span{font-size:10px;color:var(--muted)}
.feed{display:flex;flex-direction:column;gap:8px;max-height:230px;overflow:auto}.feedItem{padding:9px 10px;border-left:2px solid var(--cyan);background:rgba(49,215,255,.035);font:600 11px/1.4 monospace;color:#bed2df}.feedItem time{display:block;color:#587487;font-size:9px;margin-top:4px}
.commandBox{display:flex;gap:8px}.commandBox input{flex:1;min-width:0;border:1px solid var(--line);background:#02080e;color:#fff;border-radius:12px;padding:12px}.btn{min-height:42px;border-radius:12px;border:1px solid var(--line);background:#071521;color:#fff;padding:0 14px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:rgba(49,215,255,.45)}.btn.primary{background:linear-gradient(135deg,#ffc750,#ff9a00);border-color:#ffad1a;color:#101010}.btn.danger{border-color:rgba(255,93,114,.35);color:#ffb7c1}.btn.small{min-height:34px;padding:0 10px;font-size:11px}
.commandReply{margin-top:10px;min-height:38px;color:#cfe3ef;font:600 11px/1.5 monospace}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{border:1px solid var(--line);border-radius:20px;background:rgba(6,17,28,.72);padding:18px;transition:.2s;min-width:0}.card:hover{transform:translateY(-4px);border-color:rgba(49,215,255,.4)}.cardHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.muted{color:var(--muted)}.statusPill{font:800 9px monospace;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--lime)}.statusPill.off{color:#ffb7c1}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:760px;background:rgba(5,15,24,.72)}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.table th{font:800 10px monospace;letter-spacing:.09em;color:var(--cyan)}.table tr:hover td{background:rgba(49,215,255,.025)}.stage{border:1px solid var(--line);background:#06111b;color:#fff;border-radius:9px;padding:6px}
.formRow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.formRow input,.formRow select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;background:#02080e;color:#fff;padding:0 10px;font-size:14px}
.funnel{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.funnelCol{border:1px solid var(--line);border-radius:16px;min-height:240px;background:rgba(6,17,28,.62);padding:10px}.funnelCol h4{font-size:11px;margin:0 0 10px;color:var(--cyan)}.leadChip{padding:9px;border:1px solid var(--line);border-radius:10px;background:#061522;margin-bottom:8px;font-size:11px}.leadChip b{display:block}.score{color:var(--gold);font:800 10px monospace}
.chart{height:220px;display:flex;align-items:end;gap:8px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(5,15,24,.72)}.bar{flex:1;min-width:14px;background:linear-gradient(var(--cyan),rgba(49,215,255,.08));border-radius:5px 5px 0 0;position:relative}.bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);margin-bottom:4px}
.integration{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.pending{color:var(--gold);font:800 10px monospace}.connected{color:var(--lime)}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,4,8,.78);backdrop-filter:blur(12px);display:none;place-items:center;padding:18px}.modal.open{display:grid}.modalBox{width:min(740px,96vw);border:1px solid var(--line);border-radius:24px;background:#07131e;padding:22px}.modalTop{display:flex;justify-content:space-between;gap:15px}.close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#081824;color:white;cursor:pointer}
.toast{position:fixed;right:18px;bottom:18px;z-index:120;max-width:360px;border:1px solid var(--line);background:#07131e;border-radius:14px;padding:12px 14px;box-shadow:0 20px 60px #000;display:none}.toast.show{display:block;animation:viewIn .25s}
.note{padding:12px 14px;border:1px solid rgba(255,173,26,.22);border-radius:14px;background:rgba(255,173,26,.04);color:#dcc69f;font-size:12px;line-height:1.5}
@media(max-width:1050px){.hud{grid-template-columns:1fr}.holo{min-height:600px}.sideStack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.sideStack .panel:last-child{grid-column:1/-1}.grid3{grid-template-columns:1fr 1fr}.funnel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:740px){#cursor{display:none}.app{grid-template-columns:1fr}.rail{position:fixed;left:0;right:0;bottom:0;top:auto;height:72px;flex-direction:row;border-right:0;border-top:1px solid var(--line);justify-content:space-around;padding:7px;z-index:60}.logo,.railBottom{display:none}.navBtn{width:46px;height:46px}.navBtn span{display:none}.workspace{padding-bottom:100px}.topStatus{display:none}.hud{min-height:auto}.holo{min-height:520px}.hudNode{width:125px;padding:9px}.n1{left:3%}.n2{right:3%}.n3{left:3%}.n4{right:3%}.core{width:190px;height:190px}.r2{width:330px;height:330px}.r3{width:380px}.sideStack{grid-template-columns:1fr}.sideStack .panel:last-child{grid-column:auto}.grid3,.grid2{grid-template-columns:1fr}.formRow{grid-template-columns:1fr 1fr}.funnel{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.brand{font-size:13px}.industrySelect{max-width:145px}.holo{min-height:480px}.hudNode{font-size:10px;width:110px}.n5{display:none}.metricGrid{grid-template-columns:1fr 1fr}.formRow{grid-template-columns:1fr}.funnel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.holo{transform:none!important}}