:root{--bg:#07110f;--panel:#0d1916;--panel-2:#101f1b;--line:#20332d;--mint:#b7ff66;--mint-2:#75e39d;--text:#f5f8f6;--muted:#8da19a;--shadow:0 24px 70px rgba(0,0,0,.28)}
body{background-image:radial-gradient(circle at 85% -15%,rgba(100,228,151,.08),transparent 32%);letter-spacing:-.01em}
.brand>span:first-child{box-shadow:0 0 28px rgba(183,255,102,.18);transform:rotate(-3deg)}
.brand-copy{display:flex!important;flex-direction:column;gap:0;font:700 19px 'Space Grotesk'}
.brand-copy small{font-size:7px;letter-spacing:3px;color:var(--muted)}
.landing>nav{position:relative;z-index:5;padding-inline:6vw;background:rgba(7,17,15,.72);backdrop-filter:blur(18px)}
.nav-status{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.nav-status i,.live-pill i,.system-status>i{width:7px;height:7px;border-radius:50%;background:var(--mint-2);box-shadow:0 0 12px var(--mint-2);animation:pulse 2.4s infinite}
.landing main{max-width:1500px;margin:auto;padding-block:4vw}.hero-copy{position:relative;z-index:2}
.hero-copy h1{letter-spacing:-.05em;max-width:720px}.hero-copy p{max-width:570px}
.badge{position:relative;padding-inline-start:34px}.badge:before{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--mint);transform:translateY(-50%);box-shadow:0 0 12px var(--mint)}
[dir=ltr] .badge:before{right:auto;left:14px}
.discord{min-width:245px;border-radius:12px;box-shadow:0 12px 35px rgba(183,255,102,.12);transition:.25s ease}.discord:hover{transform:translateY(-3px);box-shadow:0 17px 45px rgba(183,255,102,.2)}.discord>i{font-style:normal;margin-inline-start:auto;font-size:18px}
.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:#668078;font:500 10px 'Space Grotesk';letter-spacing:.04em;text-transform:uppercase}
.hero-art{height:570px}.orb{width:470px;height:470px;background:radial-gradient(circle,rgba(113,229,157,.06),transparent 65%);animation:float 7s ease-in-out infinite}
.panel{width:390px;padding:0;overflow:hidden;border-color:#34544a;box-shadow:0 35px 100px #000b,0 0 0 8px rgba(255,255,255,.015);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}
.panel header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--line)}.panel header span{display:grid;gap:9px}.panel header strong{margin:0}.panel header button{border:0;background:none;color:var(--muted)}
.chart-label{display:flex;justify-content:space-between;align-items:end;padding:22px 24px 0}.chart-label b{font:700 26px 'Space Grotesk'}.chart-label small{color:var(--muted)}
.panel .bars{padding:0 24px;height:145px;gap:8px}.panel .bars b{background:linear-gradient(180deg,var(--mint),rgba(64,112,77,.2));opacity:.85}.panel .bars b:nth-child(6){height:95%}.panel .bars b:nth-child(7){height:82%}
.panel footer{margin:0;padding:17px 24px;background:rgba(183,255,102,.04);border-top:1px solid var(--line)}.panel footer small{color:var(--muted)}
.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;background:rgba(15,30,26,.92);border:1px solid #365349;border-radius:13px;padding:13px 15px;box-shadow:var(--shadow);backdrop-filter:blur(14px);animation:float 5s ease-in-out infinite}.float-card small{display:block;color:var(--muted);font:500 9px 'Space Grotesk';letter-spacing:.08em}.float-card b{font-size:12px}.float-top{top:55px;right:1%}.float-top>i{width:9px;height:9px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px var(--mint)}.float-top>strong{color:var(--mint);margin-inline-start:14px}.float-bottom{bottom:62px;left:2%;animation-delay:-2s}.float-bottom>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(183,255,102,.1);color:var(--mint)}
.landing-foot{position:fixed;bottom:25px;left:6vw;display:flex;align-items:center;gap:13px;color:#425a53;font:600 8px 'Space Grotesk';letter-spacing:.22em}.landing-foot i{width:25px;height:1px;background:#294039}
.dashboard{grid-template-columns:272px 1fr}.dashboard aside{padding:28px 20px;border-left-color:rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(15,29,25,.95),rgba(8,17,15,.98));box-shadow:12px 0 40px rgba(0,0,0,.12)}
.workspace-label{margin:45px 13px 8px;color:#50645e;font-size:10px;font-weight:700;letter-spacing:.12em}.dashboard aside nav{margin-top:0}.dashboard aside nav button{display:flex;align-items:center;gap:13px;padding:13px 14px;transition:.2s}.dashboard aside nav button i{display:grid;place-items:center;width:25px;font-style:normal;font-size:17px}.dashboard aside nav button.active{background:linear-gradient(90deg,rgba(183,255,102,.12),rgba(183,255,102,.035));box-shadow:inset 3px 0 var(--mint)}
[dir=rtl] .dashboard aside nav button.active{box-shadow:inset -3px 0 var(--mint)}
.system-status{display:flex;align-items:center;gap:11px;margin-top:auto;padding:13px;background:rgba(183,255,102,.035);border:1px solid rgba(183,255,102,.09);border-radius:12px}.system-status span{display:grid}.system-status b{font-size:11px}.system-status small{color:var(--muted);font:500 8px 'Space Grotesk'}.profile{margin-top:12px}
.dashboard main{padding:42px clamp(24px,4vw,64px);max-width:1600px;width:100%;margin:auto}.dashboard header{margin-bottom:36px}.dashboard header h1{font-size:36px;letter-spacing:-.04em}.dashboard header p{margin:6px 0 0;color:var(--muted);font-size:13px}.primary{transition:.2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.04)}.header-actions .primary span{font:400 21px 'Space Grotesk'}
.stats{gap:18px}.stats article{position:relative;display:flex;align-items:center;gap:14px;min-height:115px;padding:20px 21px;overflow:hidden;background:linear-gradient(145deg,var(--panel-2),var(--panel));box-shadow:0 15px 35px rgba(0,0,0,.12)}.stats article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:-45px;top:-50px;background:var(--accent);filter:blur(34px);opacity:.12}.stats article span{display:grid}.stats article em{margin-inline-start:auto;align-self:flex-end;color:var(--muted);font-size:9px;font-style:normal}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#162923;color:var(--accent);font:600 17px 'Space Grotesk'}.stat-total{--accent:#8fc8ff}.stat-running{--accent:var(--mint)}.stat-stopped{--accent:#ff8986}
.content-head{display:flex;justify-content:space-between;align-items:end;margin:32px 2px 18px}.content-head h2{font-size:18px;margin:0 0 3px}.content-head p{color:var(--muted);font-size:11px;margin:0}.live-pill{display:flex;align-items:center;gap:7px;color:var(--mint-2);font:600 9px 'Space Grotesk';letter-spacing:.12em;border:1px solid rgba(117,227,157,.2);padding:6px 9px;border-radius:20px}
.bot-card{position:relative;min-height:185px;background:linear-gradient(145deg,rgba(17,33,28,.95),rgba(10,22,19,.95));box-shadow:0 16px 35px rgba(0,0,0,.12);transition:.25s ease;overflow:hidden}.bot-card:before{content:"";position:absolute;right:0;top:0;width:90px;height:2px;background:linear-gradient(90deg,transparent,var(--mint))}.bot-card:hover{transform:translateY(-4px);border-color:#385248;box-shadow:0 22px 50px rgba(0,0,0,.2)}.bot-icon{background:linear-gradient(145deg,#29443a,#172a24)}.status{display:flex;align-items:center;gap:6px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.bot-actions{grid-template-columns:repeat(5,1fr)}.bot-actions button{font-size:11px;transition:.2s}.bot-actions button:hover{background:rgba(183,255,102,.07);color:var(--mint)}
dialog{box-shadow:0 40px 120px #000;border-color:#365047}.field input:focus{outline:0;border-color:var(--mint);box-shadow:0 0 0 3px rgba(183,255,102,.08)}
@keyframes pulse{50%{opacity:.45}}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:1050px){.bot-actions{grid-template-columns:repeat(3,1fr)}.float-card{display:none}}@media(max-width:800px){.nav-status,.trust-row,.landing-foot{display:none}.landing main{padding:12vh 7vw}.hero-copy h1{font-size:clamp(45px,15vw,70px)}.dashboard{grid-template-columns:74px 1fr}.brand-copy,.workspace-label,.system-status span{display:none}.system-status{justify-content:center;padding:12px}.dashboard main{padding:25px 16px}.dashboard header{align-items:flex-start}.dashboard header p{display:none}.stats{gap:10px}.stats article{min-height:90px}.stats article em{display:none}.bot-actions{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Purple identity */
:root{
  --bg:#0b0710;
  --panel:#17101d;
  --panel-2:#1d1425;
  --line:#352641;
  --mint:#bd7cff;
  --mint-2:#9b6cff;
  --text:#f8f4fa;
  --muted:#9e92a7;
}
body{background-color:var(--bg);background-image:radial-gradient(circle at 85% -15%,rgba(177,108,255,.11),transparent 32%)}
.landing{background:radial-gradient(circle at 75% 45%,#321b47 0,transparent 35%),var(--bg)}
.landing>nav{background:rgba(11,7,16,.76);border-bottom-color:#25182e}
.brand>span:first-child{color:#0b0710;box-shadow:0 0 28px rgba(189,124,255,.22)}
.badge{border-color:#68488a;background:#24152f}
.discord,.primary{color:#0b0710;box-shadow:0 12px 35px rgba(189,124,255,.15)}
.discord:hover{box-shadow:0 17px 45px rgba(189,124,255,.26)}
.orb{border-color:#664584;background:radial-gradient(circle,rgba(177,108,255,.09),transparent 65%);box-shadow:0 0 90px rgba(130,79,196,.25),inset 0 0 90px rgba(130,79,196,.13)}
.orb:after,.orb:before{border-color:#664584}
.panel{background:rgba(23,16,29,.9);border-color:#62467a}
.panel .bars b{background:linear-gradient(180deg,var(--mint),rgba(102,65,130,.23))}
.panel footer{background:rgba(189,124,255,.05)}
.float-card{background:rgba(27,17,35,.94);border-color:#604477}
.float-bottom>span{background:rgba(189,124,255,.12)}
.landing-foot i{background:#432d52}
.dashboard aside{background:linear-gradient(180deg,rgba(27,18,34,.97),rgba(12,8,16,.99))}
.dashboard aside nav button.active{background:linear-gradient(90deg,rgba(189,124,255,.15),rgba(189,124,255,.04))}
.system-status{background:rgba(189,124,255,.04);border-color:rgba(189,124,255,.12)}
.stats article{background:linear-gradient(145deg,var(--panel-2),var(--panel))}
.bot-card{background:linear-gradient(145deg,rgba(31,21,39,.97),rgba(17,11,22,.97))}
.bot-card:hover{border-color:#624779}
.bot-icon{background:linear-gradient(145deg,#49325a,#291b34)}
.status.running{background:#302044}
.bot-actions button,.ghost,.checklist label{background:#21152a}
.bot-actions button:hover{background:rgba(189,124,255,.1)}
.field input,.result{background:#0b0710}
dialog{border-color:#604477}
.field input:focus{box-shadow:0 0 0 3px rgba(189,124,255,.11)}

/* Bot command center */
.bot-card.clickable{cursor:pointer;padding-bottom:15px}.open-hint{display:flex;justify-content:flex-end;gap:8px;margin-top:13px;color:#756381;font-size:10px;opacity:0;transform:translateX(8px);transition:.25s}.bot-card:hover .open-hint{opacity:1;transform:none;color:var(--mint)}
#detailPage{max-width:1250px;margin:auto}.detail-back{border:0;background:transparent;color:var(--muted);padding:0 0 18px}.detail-back:hover{color:var(--mint)}
#detailPage.enter .detail-hero{animation:commandEnter .55s cubic-bezier(.2,.8,.2,1) both}.detail-hero{position:relative;display:flex;align-items:center;gap:27px;min-height:210px;padding:32px 38px;overflow:hidden;border:1px solid #49325a;border-radius:24px;background:radial-gradient(circle at 12% 30%,rgba(189,124,255,.2),transparent 30%),linear-gradient(135deg,#21152b,#100b15);box-shadow:0 30px 80px rgba(0,0,0,.25)}.detail-hero:after{content:"";position:absolute;inset:auto -8% -110px auto;width:400px;height:220px;border:1px solid rgba(189,124,255,.15);border-radius:50%;transform:rotate(-12deg)}
.detail-orbit{position:relative;width:105px;height:105px;display:grid;place-items:center;flex:0 0 auto}.detail-orbit span{position:relative;z-index:2;display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:linear-gradient(145deg,#c991ff,#8b4bc9);color:#14091e;font:800 20px 'Space Grotesk';box-shadow:0 0 45px rgba(189,124,255,.35)}.detail-orbit i{position:absolute;inset:2px;border:1px solid rgba(189,124,255,.45);border-radius:50%;animation:orbitSpin 8s linear infinite}.detail-orbit i:after{content:"";position:absolute;top:8px;left:8px;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.detail-orbit i:nth-child(3){inset:-10px;border-style:dashed;animation-direction:reverse;animation-duration:13s}
.detail-identity{position:relative;z-index:1;flex:1}.detail-identity small{color:var(--mint);font:600 9px 'Space Grotesk';letter-spacing:.18em}.detail-identity h2{margin:7px 0 2px;font-size:38px;letter-spacing:-.04em}.detail-identity p{margin:0;color:var(--muted);font:12px 'Space Grotesk'}.detail-live{position:relative;z-index:2;display:grid;justify-items:end;gap:7px}.detail-live strong{font:700 22px 'Space Grotesk'}.detail-live small{color:var(--muted)}
.detail-controls{display:flex;gap:9px;margin:16px 0 24px}.detail-controls button{padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:#17101d;color:var(--text)}.detail-controls .primary{background:var(--mint);color:#100716;border:0}
.detail-tabs{display:flex;gap:6px;padding:5px;margin-bottom:18px;width:max-content;border:1px solid var(--line);border-radius:12px;background:#110b16}.detail-tabs button{border:0;border-radius:8px;padding:9px 16px;background:transparent;color:var(--muted)}.detail-tabs button.active{background:#2a1a36;color:var(--mint);box-shadow:0 5px 18px rgba(0,0,0,.2)}
.detail-pane{animation:paneIn .35s ease both}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-grid article{padding:19px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#1b1222,#120c17)}.metric-grid small{color:var(--muted)}.metric-grid strong{display:block;margin:8px 0;font:700 23px 'Space Grotesk'}.metric-grid p{margin:0;color:#74677c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{height:4px;overflow:hidden;border-radius:6px;background:#2a2030}.meter i{display:block;width:2%;height:100%;border-radius:6px;background:linear-gradient(90deg,#8548bd,var(--mint));transition:width .7s ease}
.bank-panel,.flow-panel{margin-top:18px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(30,20,38,.96),rgba(15,10,20,.96))}.bank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.bank-head small{color:#d4a7ff;font:600 9px 'Space Grotesk';letter-spacing:.18em}.bank-head h3,.flow-panel h3{margin:5px 0}.bank-head p{margin:0;color:var(--muted);font-size:11px}.bank-coin{display:grid;place-items:center;width:53px;height:53px;border:1px solid #765194;border-radius:50%;background:#2a1839;color:var(--mint);font:700 24px 'Space Grotesk';box-shadow:0 0 30px rgba(189,124,255,.13);animation:coinFloat 3s ease-in-out infinite}
.bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bank-grid article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #342541;border-radius:12px;background:rgba(189,124,255,.025);animation:bankCard .45s ease both;animation-delay:var(--delay)}.bank-grid article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#2b1b37;color:var(--mint);font-style:normal}.bank-grid article span{display:grid}.bank-grid small{color:var(--muted);font-size:10px}.bank-grid strong{font:700 17px 'Space Grotesk'}
.service-flow{display:flex;align-items:stretch;justify-content:center;gap:12px;margin-top:18px}.service-flow>span{align-self:center;color:#594965}.flow-node{position:relative;display:grid;justify-items:center;gap:5px;min-width:145px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#130d19}.flow-node i{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#25182f;font-style:normal}.flow-node b{font-size:11px}.flow-node small{color:var(--muted);font-size:9px}.flow-node.good{border-color:rgba(189,124,255,.38)}.flow-node.good i{color:var(--mint);box-shadow:0 0 20px rgba(189,124,255,.12)}.flow-node.bad{border-color:rgba(255,107,138,.35)}.flow-node.bad i{color:#ff6b8a}
.terminal-head{display:flex;align-items:center;gap:15px;padding:12px 15px;border:1px solid #392844;border-bottom:0;border-radius:15px 15px 0 0;background:#1a1121}.terminal-head>span{display:flex;gap:5px}.terminal-head i{display:block;width:8px;height:8px;border-radius:50%;background:#ff6b8a}.terminal-head i:nth-child(2){background:#ffc66b}.terminal-head i:nth-child(3){background:var(--mint)}.terminal-head b{flex:1;color:var(--muted);font:600 9px 'Space Grotesk';letter-spacing:.13em}.terminal-head button{border:0;background:transparent;color:var(--mint)}.live-terminal{min-height:430px;max-height:60vh;margin:0;padding:22px;overflow:auto;border:1px solid #392844;border-radius:0 0 15px 15px;background:#08050b;color:#d8c9e2;font:12px/1.8 Consolas,monospace;direction:ltr;text-align:left;white-space:pre-wrap}
.timeline{position:relative;display:grid;gap:10px;padding-inline-start:25px}.timeline:before{content:"";position:absolute;inset:5px 8px 5px auto;width:1px;background:linear-gradient(var(--mint),transparent)}.timeline-item{position:relative;display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#15101b}.timeline-item>i{position:absolute;right:-22px;top:22px;width:9px;height:9px;border:2px solid var(--bg);border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.timeline-item div{display:grid;gap:3px}.timeline-item small,.timeline-item p{margin:0;color:var(--muted);font-size:10px}.timeline-item.failed>i,.timeline-item.rolled_back>i{background:#ff6b8a;box-shadow:0 0 12px #ff6b8a}.activity-title{margin-top:28px}.empty-state{padding:35px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:13px}
@keyframes commandEnter{from{opacity:0;transform:scale(.97) translateY(20px)}to{opacity:1;transform:none}}@keyframes paneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes coinFloat{50%{transform:translateY(-6px) rotate(4deg)}}@keyframes bankCard{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.bank-grid{grid-template-columns:repeat(2,1fr)}.service-flow{flex-wrap:wrap}.service-flow>span{display:none}}@media(max-width:650px){.detail-hero{align-items:flex-start;padding:24px 18px}.detail-orbit{width:75px;height:75px}.detail-orbit span{width:52px;height:52px}.detail-identity h2{font-size:25px}.detail-live{position:absolute;bottom:16px;left:18px}.detail-controls{display:grid;grid-template-columns:1fr 1fr}.detail-tabs{width:100%;overflow:auto}.detail-tabs button{white-space:nowrap}.metric-grid,.bank-grid{grid-template-columns:1fr}.flow-node{min-width:125px;flex:1}}

/* Remove the final green remnants from legacy styles */
.nav-status,.trust-row,.landing-foot,.workspace-label{color:#7f7089}
.live-pill{color:#ad78e5;border-color:rgba(189,124,255,.24)}
.nav-status i,.live-pill i,.system-status>i,.panel i,.float-top>i{background:var(--mint-2);box-shadow:0 0 12px var(--mint-2)}
.profile>div{background:#382744}
.dashboard aside nav button.active{color:var(--mint)}
.status.running{color:#c995ff;background:#302044}
.bot-icon{color:var(--mint);background:linear-gradient(145deg,#49325a,#291b34)}
.bars b{background:linear-gradient(var(--mint),#4b2b65)}
.landing-foot i{background:#432d52}
.panel footer{color:var(--mint)}
.stat-running{--accent:#bd7cff}
.stat-total{--accent:#a991ff}
.stat-icon{background:#261a30}
.bot-card:before{background:linear-gradient(90deg,transparent,var(--mint))}
.system-status{color:#f8f4fa}
.result{color:#cbbdd4}
.role-badge{display:inline-flex;width:max-content;padding:4px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:10px}.role-badge.admin{border-color:rgba(189,124,255,.35);background:rgba(189,124,255,.08);color:#d3a9ff}.admin-switch{display:flex;align-items:center;gap:11px;margin:15px 0;padding:13px;border:1px solid rgba(189,124,255,.25);border-radius:11px;background:rgba(189,124,255,.055)}.admin-switch input{accent-color:var(--mint);width:17px;height:17px}.admin-switch span{display:grid}.admin-switch small{color:var(--muted);font-size:10px}
.field>small{color:var(--muted);font-size:10px}.form-error{margin:12px 0;padding:11px;border:1px solid rgba(255,107,138,.35);border-radius:9px;background:rgba(255,107,138,.07);color:#ff9caf;white-space:pre-wrap;font-size:11px}.primary:disabled{cursor:wait;opacity:.6;transform:none}