@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bb-bg: #050505;--bb-soft: #08090b;--bb-surface: #0d0f12;--bb-surface-2: #12151a;--bb-surface-3: #171b22;--bb-text: #f5f5f0;--bb-text-soft: #d6d6ce;--bb-muted: #8b8d95;--bb-muted-2: #5d6068;--bb-accent: #c8ff3d;--bb-accent-hover: #d4ff5c;--bb-accent-soft: rgba(200, 255, 61, .14);--bb-accent-border: rgba(200, 255, 61, .32);--bb-success: #6cff9e;--bb-danger: #ff7b5f;--bb-warning: #ffd36f;--radius-bb-md: 16px;--radius-bb-lg: 24px;--radius-bb-xl: 32px;--shadow-bb: 0 0 0 1px rgba(255, 255, 255, .08), 0 24px 80px rgba(0, 0, 0, .5);--shadow-glow: 0 0 60px rgba(200, 255, 61, .14);color:var(--bb-text);background:var(--bb-bg);font-family:Noto Sans Thai,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 50% 0,rgba(200,255,61,.12),transparent 34%),radial-gradient(circle at 86% 18%,rgba(200,255,61,.06),transparent 24rem),linear-gradient(var(--bb-bg),var(--bb-soft) 48%,var(--bb-bg));color:var(--bb-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;opacity:.9}::selection{color:#fff;background:#c8ff3d40}button{font:inherit}.shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 22px;border-right:1px solid rgba(255,255,255,.08);background:#050505e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 5%,rgba(200,255,61,.14),transparent 18rem),linear-gradient(180deg,rgba(255,255,255,.04),transparent 36%)}.brand,nav,.sideCard{position:relative;z-index:1}.brand{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:36px}.brandMark{order:2;display:inline-flex;align-items:center;color:var(--bb-accent);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:.15em}.brandMark:before{content:"BLACKBACK";color:var(--bb-text)}.brandMark{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;color:transparent}.brandMark:after{content:" /";color:var(--bb-accent)}.brand div{order:1}.brand strong{display:block;color:var(--bb-text);font-family:Geist Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.brand span:not(.brandMark){display:block;margin-top:4px;color:var(--bb-muted);font-family:Geist Mono,ui-monospace,monospace;font-size:10px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:10px;color:var(--bb-muted);font-family:Geist Mono,ui-monospace,monospace;font-size:11px;text-decoration:none;transition:.18s ease}nav a.active,nav a:hover{border-color:var(--bb-accent-border);background:var(--bb-accent-soft);color:var(--bb-accent)}.sideCard{margin-top:34px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-bb-lg);background:#0d0f12b8;box-shadow:var(--shadow-bb)}.sideCardIcon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:48px;border-radius:999px;border:1px solid var(--bb-accent-border);background:var(--bb-accent-soft);color:var(--bb-accent)}.sideCard p,.eyebrow,.panelKicker{margin:0;color:var(--bb-accent);font-family:Geist Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.sideCard strong{display:block;margin:8px 0;color:var(--bb-text);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.08}.sideCard small{display:block;color:var(--bb-muted);font-size:13px;line-height:1.65}.content{width:100%;max-width:1320px;margin-inline:auto;padding:34px 30px 46px;display:grid;gap:18px}.hero{position:relative;min-height:520px;display:grid;grid-template-columns:minmax(0,56%) minmax(360px,44%);align-items:center;gap:26px;padding:34px;overflow:hidden}.hero:before{content:"";position:absolute;top:-120px;left:50%;width:760px;height:380px;transform:translate(-50%);border-radius:999px;background:#c8ff3d14;filter:blur(90px)}.heroCopy,.liveRadar{position:relative;z-index:1}h1,h2,p{margin:0}h1,h2{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-weight:700;letter-spacing:-.045em}h1{max-width:860px;margin-top:24px;color:var(--bb-text);font-size:clamp(46px,6vw,76px);line-height:1.03}h2{color:var(--bb-text);font-size:24px;line-height:1.08}.heroText{max-width:740px;margin-top:24px;color:var(--bb-text-soft);font-size:18px;line-height:1.75}.heroActions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px}.primaryButton,.control{border:0;cursor:pointer}.primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;background:var(--bb-accent);color:var(--bb-bg);font-size:14px;font-weight:700;transition:.18s ease}.primaryButton:hover{background:var(--bb-accent-hover);box-shadow:var(--shadow-glow)}.timestamp{display:inline-flex;align-items:center;gap:8px;color:var(--bb-muted);font-family:Geist Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase}.liveRadar{min-height:420px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-bb-xl);background:var(--bb-surface);box-shadow:var(--shadow-bb)}.liveRadar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px}.liveRadar:after{content:"";position:absolute;inset:-25%;background:conic-gradient(from 110deg,transparent 0 64%,rgba(200,255,61,.24),transparent 80%);animation:radarSweep 6s linear infinite}.radarCore{position:absolute;top:50%;left:50%;z-index:1;width:140px;height:140px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:999px;border:1px solid var(--bb-accent-border);background:#c8ff3d0f}.radarCore:before,.radarCore:after{content:"";position:absolute;border:1px solid rgba(200,255,61,.18);border-radius:inherit}.radarCore:before{inset:-54px}.radarCore:after{inset:-110px}.radarCore span{position:absolute;inset:32px;border-radius:inherit;background:var(--bb-accent);filter:blur(22px);opacity:.28}.radarCore svg{position:relative;z-index:1;color:var(--bb-accent)}.radarStats{position:absolute;right:18px;bottom:18px;z-index:1;width:176px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-bb-md);background:#12151ad1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.radarStats strong,.radarStats small{display:block}.radarStats strong{margin-top:14px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:44px;line-height:.9}.radarStats small{margin-top:6px;color:var(--bb-muted);font-family:Geist Mono,ui-monospace,monospace;font-size:10px;text-transform:uppercase}.metrics,.workspaceGrid,.bottomGrid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.workspaceGrid,.bottomGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.panel{border:1px solid rgba(255,255,255,.08);background:#0d0f12b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-bb)}.metric{min-height:132px;padding:18px;display:flex;align-items:center;gap:14px;border-radius:var(--radius-bb-lg)}.metric>span,.rowIcon{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-bb-md);border:1px solid rgba(255,255,255,.08);background:var(--bb-surface-2);color:var(--bb-accent)}.metric p{color:var(--bb-muted);font-family:Geist Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.metric strong{display:block;margin-top:8px;color:var(--bb-text);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:32px;line-height:1;letter-spacing:-.04em}.panel{min-height:300px;padding:22px;border-radius:var(--radius-bb-xl)}.panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panelKicker{color:var(--bb-muted);margin-bottom:8px}.table,.controlGrid,.healthGrid,.launchList{display:grid;gap:10px}.row,.healthItem,.checkItem{display:flex;align-items:center;gap:13px;min-height:64px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-bb-md);background:#12151aad}.row>div{min-width:0;flex:1}.row strong,.row span{display:block}.row strong{overflow:hidden;color:var(--bb-text);text-overflow:ellipsis;white-space:nowrap}.row span,.control small,.empty p{color:var(--bb-muted);font-size:13px;line-height:1.55}.rowIcon.warning{color:var(--bb-danger)}.featuredRow{background:linear-gradient(90deg,#c8ff3d1c,#12151aad)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border:1px solid var(--bb-accent-border);border-radius:999px;background:var(--bb-accent-soft);color:var(--bb-accent);font-family:Geist Mono,ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pill.failed,.pill.dead,.pill.missing,.pill.no-live-session{border-color:#ff7b5f57;background:#ff7b5f1a;color:var(--bb-danger)}.pill.reserved,.pill.pending-payment,.pill.syncing,.pill.next{border-color:#ffd36f57;background:#ffd36f1a;color:var(--bb-warning)}.control{min-height:92px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:3px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-bb-md);background:#12151ab3;color:var(--bb-text);text-align:left;transition:.18s ease}.control:hover{border-color:var(--bb-accent-border);background:#c8ff3d12}.control>span{grid-row:1 / 3;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-bb-md);background:var(--bb-accent-soft);color:var(--bb-accent)}.control strong{align-self:end;color:var(--bb-text)}.healthItem .pill,.checkItem .pill{margin-left:auto}.healthItem svg,.checkItem svg{color:var(--bb-accent)}.healthItem:has(.missing) svg{color:var(--bb-danger)}.empty,.notice{min-height:168px;display:grid;place-items:center;align-content:center;gap:8px;padding:26px;border:1px dashed rgba(255,255,255,.14);border-radius:var(--radius-bb-lg);background:#12151a85;text-align:center}.empty>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--bb-accent-border);border-radius:var(--radius-bb-md);background:var(--bb-accent-soft);color:var(--bb-accent)}.empty strong{color:var(--bb-text);font-size:16px}.notice.error{min-height:auto;display:block;border-color:#ff7b5f57;color:var(--bb-danger);background:#ff7b5f1a;text-align:left}@keyframes radarSweep{to{transform:rotate(360deg)}}@media(max-width:1120px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.brand{margin-bottom:22px}nav{grid-template-columns:repeat(4,minmax(0,1fr))}nav a{justify-content:center}.sideCard{display:none}.hero{grid-template-columns:1fr;min-height:auto}.liveRadar{min-height:300px}}@media(max-width:840px){.content,.sidebar{padding:18px}.metrics,.workspaceGrid,.bottomGrid{grid-template-columns:1fr}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:18px 0}.panel{min-height:auto}}@media(max-width:540px){nav a{font-size:10px;padding:10px}h1{font-size:42px}.heroText{font-size:15px}.heroActions,.primaryButton,.timestamp{width:100%}.primaryButton,.timestamp{justify-content:center}.row,.healthItem,.checkItem{align-items:flex-start}}