:root{--bg:#07080a;--panel:#101217;--panel2:#151821;--line:rgba(255,255,255,.1);--text:#f6f7f8;--muted:#8b93a3;--cyan:#4ee7ff;--amber:#ffb84d;--red:#ff4d6d;--green:#6dff9b;--purple:#8b5cf6;--blue:#60a5fa;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#20242c 0,#0b0c10 34%,#060709 100%);color:var(--text);font-family:Geist,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 20%,rgba(78,231,255,.03) 55%,transparent);pointer-events:none}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none}.ambient-one{background:var(--cyan);top:-180px;right:14%}.ambient-two{background:var(--red);bottom:-220px;left:20%;opacity:.12}.scanlines{position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 4px;pointer-events:none;opacity:.35}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;padding:22px;border-right:1px solid var(--line);background:rgba(6,7,10,.72);backdrop-filter:blur(22px);z-index:5;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(78,231,255,.45);border-radius:8px;background:linear-gradient(135deg,rgba(78,231,255,.22),rgba(255,77,109,.12));font-weight:800}.brand strong{display:block}.brand small,.system-pill small,small{color:var(--muted)}nav{display:flex;flex-direction:column;gap:5px;overflow:auto;padding-bottom:12px;min-height:0;flex:1}nav span{margin:18px 0 6px;color:#687081;text-transform:uppercase;font-size:11px;letter-spacing:.14em}nav a{color:#c6cad3;text-decoration:none;padding:10px 12px;border-radius:8px;border:1px solid transparent}nav a:hover,nav a.active{background:rgba(255,255,255,.06);border-color:var(--line);color:white}.system-pill{margin-top:auto;display:none;gap:10px;padding:12px;border:1px solid rgba(109,255,155,.24);border-radius:9px;background:rgba(109,255,155,.06);flex-shrink:0}.system-pill i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);margin-top:5px}main{margin-left:270px;padding:26px;position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--cyan);font:700 11px/1 Geist Mono,monospace;text-transform:uppercase;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{font-size:44px;letter-spacing:-.05em;margin-bottom:0}button{font:600 13px Geist;border-radius:8px;border:1px solid var(--line);padding:11px 14px;color:white;background:rgba(255,255,255,.06);cursor:pointer}.primary{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#03050a;border:0}.ghost{background:rgba(255,255,255,.04)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-12{grid-column:span 12}.card,.market-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 18px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);border-radius:var(--radius);padding:18px;backdrop-filter:blur(18px)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mono{font:600 11px Geist Mono;color:#81899a;letter-spacing:.12em}.badge{padding:6px 9px;border-radius:999px;font:700 11px Geist Mono;text-transform:uppercase}.calm{color:#102617;background:var(--green)}.standby{color:#271700;background:var(--amber)}.state-card h2{font-size:35px;line-height:1;letter-spacing:-.05em}.state-card h2 span{color:var(--green)}.state-card p{color:#b5bdca}.attention{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0}.attention strong{font-size:42px}.ring{position:relative;width:112px;height:112px}.ring canvas{width:112px;height:112px}.ring span{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;font-weight:800}.triggers ul{padding-left:18px;color:#cfd4df}.radar-card canvas{width:100%;height:250px}.radar-key{display:flex;gap:12px;color:var(--muted);font-size:12px}.radar-key i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.cyan{background:var(--cyan)}.amber{background:var(--amber)}.red{background:var(--red)}.mission-mini,.permission,.mission-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.18);margin-bottom:10px}.mission-mini b{display:block}.mission-mini small{max-width:130px;text-align:right;line-height:1.2}.mission-row b,.mission-row small{display:block}.mission-row small{color:var(--muted);margin-top:3px}.hot{border-color:rgba(255,184,77,.35)}.quiet{opacity:.72}.permission{margin-top:18px;background:rgba(109,255,155,.08);border-color:rgba(109,255,155,.24)}.permission strong{color:var(--green)}.section{margin-top:26px}.section-title h2{font-size:28px;letter-spacing:-.04em}.market-card{grid-column:span 3;min-height:190px}.market-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.market-card>div:first-child small{text-align:right;line-height:1.2;max-width:120px}.market-card strong{font-size:38px}.bar{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:12px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.bar.gold i{background:linear-gradient(90deg,var(--amber),#fff1a8)}.bar.purple i{background:linear-gradient(90deg,var(--purple),var(--red))}.bar.blue i{background:linear-gradient(90deg,var(--blue),var(--cyan))}.market-card p{color:var(--muted)}meter{width:48%;height:9px;accent-color:var(--amber)}.mission-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.mission-detail span{padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.situation{background:linear-gradient(180deg,rgba(255,77,109,.1),rgba(255,255,255,.035))}.situation ol{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0;list-style:none;counter-reset:item}.situation li{padding:12px;border:1px solid rgba(255,77,109,.2);border-radius:8px}.intel{padding:14px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}.intel b{color:var(--amber)}.intel p{color:#cbd1dc;margin:6px 0 0}.dim{opacity:.55}.timeline{position:relative}.timeline i{position:absolute;left:4px;top:4px;bottom:4px;width:1px;background:linear-gradient(var(--cyan),var(--red))}.timeline p{margin-left:18px;color:#cbd1dc}.big-stat{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.06em;margin:8px 0;background:linear-gradient(135deg,var(--green),var(--cyan));-webkit-background-clip:text;color:transparent}.note{color:var(--muted);margin-top:18px}.bottom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bottom-grid p{color:var(--muted)}.backend-body main{margin:0}.backend{max-width:1080px;margin:0 auto!important;padding:42px}.back{color:var(--cyan);text-decoration:none}.lead{font-size:19px;color:#b8c0cd;max-width:760px}.api-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.api-grid button{text-align:left;min-height:72px;background:rgba(255,255,255,.07)}pre{white-space:pre-wrap;padding:18px;border:1px solid var(--line);border-radius:10px;background:#050608;color:#b7ffcf;font-family:Geist Mono;min-height:280px}.schema{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.schema span{padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.18)}@media(max-width:980px){.sidebar{position:relative;width:auto}.system-pill{position:static;margin-top:20px}main{margin-left:0}.grid-12,.bottom-grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-7,.span-12,.market-card{grid-column:span 1}.topbar{align-items:flex-start;gap:12px;flex-direction:column}h1{font-size:36px}.api-grid,.schema{grid-template-columns:1fr}}

/* Mobile Mission Control shell */
.mobile-shell,.nav-scrim{display:none}.menu-toggle{display:none}
@media(max-width:980px){
  body{padding-top:72px;background:radial-gradient(circle at 50% -10%,#20242c 0,#0b0c10 38%,#060709 100%)}
  .mobile-shell{position:fixed;top:0;left:0;right:0;height:72px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);background:rgba(6,7,10,.82);backdrop-filter:blur(22px);box-shadow:0 18px 50px rgba(0,0,0,.36)}
  .mobile-brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;min-width:0}.mobile-brand .brand-mark{width:38px;height:38px;flex:0 0 auto}.mobile-brand strong{display:block;font-size:14px;letter-spacing:-.02em}.mobile-brand small{display:block;font:600 10px Geist Mono;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
  .menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);position:relative;flex:0 0 auto}.menu-toggle span{position:absolute;width:18px;height:2px;border-radius:99px;background:#fff;transition:transform .22s ease,opacity .22s ease,top .22s ease}.menu-toggle span:nth-child(1){top:14px}.menu-toggle span:nth-child(2){top:21px}.menu-toggle span:nth-child(3){top:28px}.nav-open .menu-toggle span:nth-child(1){top:21px;transform:rotate(45deg)}.nav-open .menu-toggle span:nth-child(2){opacity:0}.nav-open .menu-toggle span:nth-child(3){top:21px;transform:rotate(-45deg)}
  .nav-scrim{position:fixed;inset:72px 0 0 0;background:rgba(0,0,0,.56);backdrop-filter:blur(3px);z-index:14}.nav-open .nav-scrim{display:block}
  .sidebar{position:fixed!important;top:72px!important;left:0!important;bottom:0!important;width:min(86vw,330px)!important;z-index:18;transform:translateX(-105%);transition:transform .26s ease;display:flex!important;padding:18px!important;border-right:1px solid rgba(255,255,255,.14);background:rgba(7,8,11,.94)!important;box-shadow:22px 0 80px rgba(0,0,0,.42)}
  .nav-open .sidebar{transform:translateX(0)}
  .sidebar .brand{display:none}nav{padding-bottom:22px}nav span{margin:14px 0 5px}nav a{padding:11px 12px;font-size:14px}
  main{margin-left:0!important;padding:14px!important}.topbar{margin-top:0;padding-top:2px}.topbar .eyebrow{font-size:10px}.topbar h1{font-size:30px;line-height:1.02;text-wrap:balance}.top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}.top-actions button{width:100%;padding:11px 10px}
  .hero{gap:12px}.card,.market-card{padding:15px;border-radius:9px}.state-card h2{font-size:30px}.state-card p{font-size:14px}.attention{gap:14px}.attention strong{font-size:36px}.ring,.ring canvas{width:96px;height:96px}.ring span{font-size:28px}.triggers ul{margin-bottom:0;padding-left:16px}.radar-card canvas{height:210px}.radar-key{flex-wrap:wrap;gap:8px 12px}.mission-mini,.permission,.mission-row{align-items:flex-start}.mission-row{display:grid;grid-template-columns:1fr auto;gap:10px}.mission-row meter{grid-column:1/-1;width:100%;order:3}.mission-detail{grid-template-columns:1fr}.section{margin-top:18px}.section-title h2{font-size:24px}.market-card{min-height:0}.bottom-grid{gap:12px;margin-bottom:28px}.ambient{width:340px;height:340px;filter:blur(70px)}
}
@media(max-width:430px){main{padding:11px!important}.card,.market-card{padding:13px}.state-card h2{font-size:27px}.topbar h1{font-size:28px}.mission-mini small{max-width:116px}.situation ol{grid-template-columns:1fr}.api-grid,.schema{grid-template-columns:1fr}.backend{padding:22px 14px!important}}