:root{--bg:#05080c;--bg2:#081018;--panel:rgba(13,20,28,.86);--panel2:rgba(16,25,35,.96);--line:rgba(146,171,196,.14);--line2:rgba(146,171,196,.22);--text:#f5f8fb;--muted:#8ea2b7;--faint:#607287;--good:#5ee6ad;--warn:#f2c76b;--bad:#ff7a84;--info:#82b4ff;--violet:#a594ff;--cyan:#78e3ff;--shadow:0 28px 80px rgba(0,0,0,.34);--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 80% -10%,rgba(47,96,122,.18),transparent 34%),radial-gradient(circle at 10% 90%,rgba(57,97,81,.11),transparent 32%),linear-gradient(180deg,#05080c,#071019 52%,#05090d);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.32;z-index:0}.ambient-a{width:420px;height:420px;background:#17344c;right:5%;top:-180px;border-radius:50%}.ambient-b{width:340px;height:340px;background:#15392f;left:-160px;bottom:-120px;border-radius:50%}.noise{position:fixed;inset:0;pointer-events:none;opacity:.028;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.shell{position:relative;z-index:1;display:grid;grid-template-columns:278px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(5,9,13,.95),rgba(7,12,17,.9));backdrop-filter:blur(24px);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 22px}.brandmark{position:relative;width:42px;height:42px;border-radius:14px;border:1px solid rgba(125,211,255,.28);background:linear-gradient(145deg,rgba(29,50,66,.95),rgba(8,15,22,.95));box-shadow:inset 0 0 20px rgba(120,227,255,.07),0 8px 30px rgba(0,0,0,.3)}.brandmark:before,.brandmark:after{content:"";position:absolute;inset:8px;border:1px solid rgba(120,227,255,.48);border-radius:9px;transform:rotate(45deg)}.brandmark:after{inset:13px;border-color:rgba(94,230,173,.8)}.brandmark span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--good);right:6px;top:6px;box-shadow:0 0 0 4px rgba(94,230,173,.08),0 0 18px rgba(94,230,173,.55)}.brand strong,.brand span{display:block}.brand>div:last-child span{font-size:11px;color:var(--muted);margin-top:2px}.workspace{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:11px 10px;margin:0 4px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.workspace-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px rgba(94,230,173,.08)}.workspace small,.workspace strong{display:block}.workspace small{color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.workspace strong{font-size:12px;margin-top:1px}.workspace button{border:0;background:none;color:var(--muted);cursor:pointer}nav{display:flex;flex-direction:column;gap:3px}.navbtn{position:relative;width:100%;text-align:left;border:0;background:transparent;color:#91a2b4;padding:10px 12px 10px 38px;border-radius:12px;cursor:pointer;transition:.18s ease}.navbtn:before{content:"";position:absolute;left:14px;top:50%;width:8px;height:8px;border:1px solid currentColor;border-radius:3px;transform:translateY(-50%) rotate(45deg);opacity:.55}.navbtn:hover{color:#dfe8f0;background:rgba(255,255,255,.035)}.navbtn.active{color:white;background:linear-gradient(90deg,rgba(86,143,179,.14),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(126,177,211,.11)}.navbtn.active:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:3px;background:linear-gradient(var(--cyan),var(--good));box-shadow:0 0 16px rgba(120,227,255,.35)}.sidebar-foot{margin-top:auto}.mode-card{display:flex;gap:11px;padding:13px;border:1px solid rgba(94,230,173,.15);background:linear-gradient(145deg,rgba(94,230,173,.05),rgba(255,255,255,.018));border-radius:14px}.mode-card small,.mode-card strong,.mode-card em{display:block}.mode-card small{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}.mode-card strong{font-size:13px;margin:2px 0}.mode-card em{font-size:10px;color:var(--muted);font-style:normal}.pulse{position:relative;width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--good)}.pulse:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(94,230,173,.28);border-radius:50%;animation:pulse 2.4s infinite}@keyframes pulse{0%{transform:scale(.75);opacity:1}80%,100%{transform:scale(1.8);opacity:0}}.operator{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:12px;padding:9px 8px;color:var(--muted)}.avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#15212c,#0c1218);border:1px solid var(--line);display:grid;place-items:center;font-size:10px;color:#dce6ef}.operator strong,.operator small{display:block}.operator strong{color:#cbd6df;font-size:12px}.operator small{font-size:10px}.shell main{min-width:0;padding:0 30px 56px}.topbar{min-height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{margin:0 0 5px;color:#71879b;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.eyebrow span{margin:0 7px;color:#445566}.topbar h1{font-size:27px;line-height:1.05;margin:0;letter-spacing:-.035em}.top-actions{display:flex;gap:10px;align-items:center}button{font:inherit}.primary,.ghost,.tiny{border-radius:11px;border:1px solid var(--line2);padding:9px 12px;cursor:pointer;transition:.18s ease}.primary{background:linear-gradient(180deg,#f6fbff,#dcecf7);color:#071018;border-color:rgba(255,255,255,.75);font-weight:750;box-shadow:0 6px 22px rgba(156,209,244,.13)}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(156,209,244,.19)}.primary span{margin-left:8px}.ghost,.tiny{background:rgba(255,255,255,.025);color:#d6e0e8}.ghost:hover,.tiny:hover{background:rgba(255,255,255,.05)}.ghost .live-dot{display:inline-block;margin-right:8px}.content{padding-top:24px}.hero-status{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-bottom:14px}.hero-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(17,27,37,.96),rgba(8,14,20,.96));padding:22px;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(120,227,255,.08);border-radius:50%;right:-80px;top:-80px;box-shadow:0 0 0 35px rgba(120,227,255,.025),0 0 0 70px rgba(120,227,255,.014)}.hero-card h2{font-size:17px;margin:0 0 6px}.hero-card p{color:var(--muted);max-width:620px;margin:0}.hero-seal{display:flex;gap:12px;align-items:center;justify-content:flex-end;position:relative;z-index:2}.seal-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(94,230,173,.26);box-shadow:inset 0 0 22px rgba(94,230,173,.05),0 0 28px rgba(94,230,173,.05);font-weight:800;color:var(--good)}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metric,.panel,.case,.connector,.proof,.customer{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,24,33,.90),rgba(9,15,21,.92));border-radius:var(--radius);box-shadow:var(--shadow)}.metric{position:relative;padding:16px 17px;overflow:hidden}.metric:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,227,255,.32),transparent);opacity:.5}.metric .label{color:var(--muted);font-size:11px;min-height:34px}.metric .value{font-size:27px;font-weight:760;margin:8px 0 2px;letter-spacing:-.035em}.metric .delta{font-size:10px;color:var(--good)}.grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel h2{font-size:14px;margin:0}.sub{color:var(--muted);font-size:11px}.barrow{display:grid;grid-template-columns:132px 1fr 54px;gap:10px;align-items:center;margin:12px 0}.bar{height:7px;background:#16212c;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.025)}.bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#587ca8,#68d8c2);box-shadow:0 0 18px rgba(104,216,194,.18)}.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;border:1px solid var(--line)}.status.good{color:var(--good);background:rgba(94,230,173,.055);border-color:rgba(94,230,173,.14)}.status.warn{color:var(--warn);background:rgba(242,199,107,.055);border-color:rgba(242,199,107,.14)}.status.bad{color:var(--bad);background:rgba(255,122,132,.055);border-color:rgba(255,122,132,.14)}.status.info{color:var(--info);background:rgba(130,180,255,.055);border-color:rgba(130,180,255,.14)}table{width:100%;border-collapse:collapse}th{text-align:left;color:#667b90;font-size:9px;text-transform:uppercase;letter-spacing:.11em;padding:9px 10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid rgba(146,171,196,.08)}tr:last-child td{border-bottom:0}.sev{font-weight:760;font-size:10px;letter-spacing:.07em}.sev.critical{color:var(--bad)}.sev.high{color:#ffac7b}.sev.medium{color:var(--warn)}.stack{display:flex;flex-direction:column;gap:10px}.case,.connector,.proof,.customer{padding:15px}.case{transition:.18s ease}.case:hover{transform:translateY(-1px);border-color:rgba(146,171,196,.24)}.case-top,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.case h3,.connector h3,.proof h3,.customer h3{font-size:13px;margin:2px 0 0}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.pill{font-size:10px;color:#9fb0c0;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:999px;padding:3px 7px}.steps{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.step{font-size:9px;padding:5px 7px;border-radius:7px;background:#0b1117;color:#65788b;border:1px solid #17222c}.step.done{color:var(--good);border-color:rgba(94,230,173,.18);background:rgba(94,230,173,.035)}.step.active{color:var(--info);border-color:rgba(130,180,255,.2);background:rgba(130,180,255,.045)}.kpi{font-size:10px;color:var(--muted)}.kpi strong{display:block;font-size:17px;color:white;margin-top:2px}.connector-grid,.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.connector .icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#162330,#0d141b);border:1px solid var(--line);display:grid;place-items:center;font-weight:760;margin-bottom:10px}.connector .scopes{font-size:10px;color:var(--muted);margin-top:8px}.notice{border:1px solid rgba(130,180,255,.17);background:linear-gradient(90deg,rgba(130,180,255,.055),rgba(94,230,173,.025));border-radius:14px;padding:13px 14px;margin-bottom:14px;color:#c7d4df}.notice strong{display:block;margin-bottom:3px;color:white}.approval{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.actions{display:flex;gap:7px}.danger{background:rgba(255,122,132,.05);color:#ff9da5;border-color:rgba(255,122,132,.18)}.graph{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.node{position:relative;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,27,36,.93),rgba(9,15,20,.94));overflow:hidden}.node:after{content:"";position:absolute;width:46px;height:46px;border:1px solid rgba(120,227,255,.08);border-radius:50%;right:-12px;bottom:-12px}.node strong{font-size:22px;display:block;letter-spacing:-.035em}.node span{color:var(--muted);font-size:10px}.audit{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#aab9c8}.audit div{padding:10px 0;border-bottom:1px solid rgba(146,171,196,.08)}.empty{text-align:center;padding:55px 20px;color:var(--muted)}@media(max-width:1120px){.metrics{grid-template-columns:repeat(2,1fr)}.connector-grid,.customer-grid{grid-template-columns:repeat(2,1fr)}.grid2,.hero-status{grid-template-columns:1fr}.hero-seal{justify-content:flex-start}}@media(max-width:780px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;flex-direction:row;overflow:auto;padding-bottom:4px}.navbtn{white-space:nowrap;width:auto;padding-left:34px}.sidebar-foot,.workspace{display:none}.shell main{padding:0 14px 38px}.topbar{align-items:flex-start;padding:18px 0;gap:15px;flex-direction:column}.top-actions{width:100%;overflow:auto}.top-actions button{white-space:nowrap}.metrics,.connector-grid,.customer-grid,.graph{grid-template-columns:1fr}.approval{grid-template-columns:1fr}.actions{justify-content:flex-start}}