:root {
  color-scheme: dark;
  --mega-canvas:#000;--mega-panel:#0a0a0a;--mega-raised:#111;--mega-soft-panel:#151515;
  --mega-border:#262626;--mega-border-strong:#3a3a3a;--mega-text:#ededed;
  --mega-secondary:#a1a1a1;--mega-muted:#737373;--mega-dim:#525252;
  --mega-accent:#fff;--mega-success:#45d483;--mega-warning:#f5c451;
  --mega-danger:#ff6467;--mega-info:#6ea8fe;--mega-radius-sm:8px;
  --mega-radius-md:12px;--mega-radius-lg:16px;--mega-sidebar:236px;--mega-topbar:64px;
}
*{box-sizing:border-box}html{background:var(--mega-canvas);color:var(--mega-text)}
body.mega-app{--bg:var(--mega-canvas);--panel:var(--mega-panel);--panel2:var(--mega-raised);--line:var(--mega-border);--line2:var(--mega-border-strong);--line-strong:var(--mega-border-strong);--text:var(--mega-text);--soft:var(--mega-text);--body:var(--mega-secondary);--muted:var(--mega-muted);--dim:var(--mega-dim);--accent:var(--mega-text);--warn:var(--mega-warning);--bad:var(--mega-danger);--blue:var(--mega-info);min-width:320px;min-height:100vh;margin:0!important;padding:var(--mega-topbar) 0 0 var(--mega-sidebar)!important;overflow-x:hidden;color:var(--mega-text);background:linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px),var(--mega-canvas)!important;background-size:32px 32px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.mega-app::before{content:"";position:fixed;inset:var(--mega-topbar) 0 0 var(--mega-sidebar);pointer-events:none;background:radial-gradient(circle at 82% 0,rgba(255,255,255,.045),transparent 31rem);z-index:-1}
body.mega-app button,body.mega-app input,body.mega-app select,body.mega-app textarea{font-family:inherit}body.mega-app ::selection{color:#000;background:#fff}body.mega-app a{text-underline-offset:3px}
body.mega-app main{width:100%!important;max-width:none!important;margin:0!important}
body.mega-app main>.shell,body.mega-app main>.terminal{min-height:calc(100vh - var(--mega-topbar))!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.mega-app .screen{width:min(1440px,calc(100vw - var(--mega-sidebar)))!important;margin:0 auto!important;padding:clamp(28px,4vw,48px) clamp(20px,3.2vw,44px) 52px!important}

.mega-shellbar{display:contents}.mega-sidebar{position:fixed;inset:0 auto 0 0;z-index:100;width:var(--mega-sidebar);display:flex;flex-direction:column;border-right:1px solid var(--mega-border);background:rgba(0,0,0,.96)}
.mega-brand{height:var(--mega-topbar);display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--mega-border);color:var(--mega-text);text-decoration:none}
.mega-brand-mark{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--mega-border-strong);border-radius:9px;background:linear-gradient(145deg,#151515,#090909);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);color:#f2f2f2}.mega-brand-mark svg{width:17px;height:17px;transform:translateY(-.2px)}.mega-brand-copy{min-width:0}.mega-brand-copy strong{display:block;font-size:13px;line-height:1.2;letter-spacing:-.01em}.mega-brand-copy span{display:block;margin-top:4px;color:var(--mega-muted);font:8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase}
.mega-nav-label{padding:23px 20px 9px;color:var(--mega-dim);font:9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}.mega-shell-nav{display:grid;gap:3px;padding:0 12px}
.mega-shell-link,.mega-shell-settings{min-height:38px;display:flex;align-items:center;gap:12px;width:100%;padding:0 11px;border:0;border-radius:var(--mega-radius-sm);background:transparent;color:#808080;text-decoration:none;font-size:12px;font-weight:450;line-height:1;text-align:left;cursor:pointer;transition:color .14s ease,background .14s ease}.mega-shell-link .mega-icon,.mega-shell-settings .mega-icon{width:16px;height:16px;display:block;flex:0 0 16px;color:#707070;overflow:visible;transform:translateY(-.25px)}.mega-shell-link:hover,.mega-shell-settings:hover{color:#d4d4d4;background:#111}.mega-shell-link:hover .mega-icon,.mega-shell-settings:hover .mega-icon{color:#a8a8a8}.mega-shell-link.active{color:#fff;background:#1a1a1a}.mega-shell-link.active .mega-icon{color:#e2e2e2}
.mega-sidebar-foot{margin-top:auto;padding:12px;border-top:1px solid var(--mega-border)}.mega-environment{display:flex;align-items:center;gap:8px;padding:11px 10px 8px;color:var(--mega-secondary);font-size:10px}.mega-auth-dot{width:7px;height:7px;border-radius:50%;background:var(--mega-warning);box-shadow:0 0 0 3px rgba(245,196,81,.08)}.mega-auth-dot.configured{background:var(--mega-success);box-shadow:0 0 0 3px rgba(69,212,131,.08)}
.mega-topbar{position:fixed;inset:0 0 auto var(--mega-sidebar);z-index:90;height:var(--mega-topbar);display:flex;align-items:center;gap:10px;padding:0 24px 0 28px;border-bottom:1px solid var(--mega-border);background:rgba(0,0,0,.88);backdrop-filter:blur(16px)}.mega-crumb{color:var(--mega-muted);font-size:11px}.mega-crumb-separator{color:#383838}.mega-current{color:var(--mega-text);font-size:11px;font-weight:500}.mega-topbar-spacer{flex:1}.mega-runtime-pill{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 10px;border:1px solid var(--mega-border);border-radius:999px;background:#090909;color:var(--mega-muted);font:9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mega-runtime-pill .mega-auth-dot{width:6px;height:6px}.mega-menu-button{display:none}

body.mega-app .hero,body.mega-app .runtime,body.mega-app .panel,body.mega-app .bottom-grid>*,body.mega-app .metric,body.mega-app .summary-metric,body.mega-app .fact,body.mega-app .modal,body.mega-app .card{border-color:var(--mega-border)!important;background-color:var(--mega-panel)!important;box-shadow:none!important;border-radius:var(--mega-radius-md)!important}
body.mega-app .metrics,body.mega-app .summary-metrics{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))!important}
body.mega-app.mega-section-home .metrics,body.mega-app.mega-section-work .metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.mega-app.mega-section-stats .metrics,body.mega-app.mega-section-terminals .summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.mega-app .hero{overflow:hidden;background:linear-gradient(135deg,#0b0b0b,#070707)!important}
body.mega-app.mega-section-home .screen{padding:clamp(18px,2.3vw,32px) clamp(14px,2vw,28px) 44px!important}
body.mega-app.mega-section-home .hero{grid-template-columns:minmax(340px,.72fr) minmax(620px,1.28fr)!important;min-height:500px}
body.mega-app.mega-section-home .hero-copy{padding:clamp(24px,3vw,42px)!important}
body.mega-app .ascii-stage{border-color:var(--mega-border)!important;background:#070707!important}
body.mega-app.mega-section-home .ascii-stage{--mega-hero-x:50%;--mega-hero-y:44%;--mega-hero-rx:0deg;--mega-hero-ry:0deg;--mega-hero-tx:0px;--mega-hero-ty:0px;position:relative;isolation:isolate;min-height:500px;padding:10px 4px!important;perspective:1100px;transform-style:preserve-3d;background:radial-gradient(circle at var(--mega-hero-x) var(--mega-hero-y),rgba(255,255,255,.105),transparent 22rem),linear-gradient(180deg,#080808,#050505)!important;box-shadow:inset 0 0 72px rgba(255,255,255,.025);transition:border-color .25s ease,box-shadow .25s ease}
body.mega-app.mega-section-home .ascii-stage:hover{border-color:#3a3a3a!important;box-shadow:inset 0 0 90px rgba(255,255,255,.04)}
body.mega-app.mega-section-home .ascii-stage::before{z-index:3}
body.mega-app.mega-section-home .ascii-stage::after{content:"";position:absolute;z-index:2;inset:-25% 0 auto;height:30%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.045),transparent);mix-blend-mode:screen;opacity:.34;animation:megaSignalSweep 7s linear infinite}
body.mega-app.mega-section-home .mega-hero-art{position:relative;z-index:1;margin:0;width:max-content;max-width:100%;padding:0!important;border:0!important;background:transparent!important;color:#dedede!important;font:600 clamp(7px,.8vw,10px)/.94 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;white-space:pre;text-shadow:0 0 20px rgba(255,255,255,.08)!important;transform:translate3d(var(--mega-hero-tx),var(--mega-hero-ty),0) rotateX(var(--mega-hero-rx)) rotateY(var(--mega-hero-ry)) scale(1.06);transform-origin:50% 48%;filter:brightness(1.02) contrast(1.03) drop-shadow(0 12px 28px rgba(255,255,255,.055));transition:transform 150ms ease-out,filter 220ms ease;will-change:transform;animation:megaSignalBreathe 5.5s ease-in-out infinite}
@keyframes megaSignalSweep{from{transform:translateY(-140%)}to{transform:translateY(560%)}}
@keyframes megaSignalBreathe{0%,100%{filter:brightness(1.01) contrast(1.03) drop-shadow(0 10px 26px rgba(255,255,255,.045))}50%{filter:brightness(1.08) contrast(1.05) drop-shadow(0 16px 34px rgba(255,255,255,.09))}}
body.mega-app .runtime{overflow:hidden}
body.mega-app .panel-head,body.mega-app .bar,body.mega-app .modal-head,body.mega-app th{border-color:var(--mega-border)!important;background:#0c0c0c!important}
body.mega-app .eyebrow{color:var(--mega-muted)!important;font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.14em!important}body.mega-app h1,body.mega-app h2,body.mega-app h3{color:var(--mega-text)!important;font-family:inherit!important}body.mega-app h1{letter-spacing:-.045em!important}body.mega-app .desc,body.mega-app .lede{color:var(--mega-muted)!important}
body.mega-app .metric strong,body.mega-app .summary-metric strong,body.mega-app .fact strong{color:var(--mega-text)!important}body.mega-app .metric small,body.mega-app .summary-metric small,body.mega-app .fact small{color:var(--mega-muted)!important}
body.mega-app button,body.mega-app input,body.mega-app select,body.mega-app textarea,body.mega-app .menu>summary,body.mega-app .board-menu>summary,body.mega-app .hero-actions a{border-color:var(--mega-border-strong)!important;border-radius:var(--mega-radius-sm)!important;background:#111!important;color:var(--mega-text)!important;box-shadow:none!important}body.mega-app button:hover:not(:disabled),body.mega-app .menu>summary:hover,body.mega-app .board-menu>summary:hover,body.mega-app .hero-actions a:hover{border-color:#555!important;background:#1a1a1a!important}body.mega-app button.primary,body.mega-app .hero-actions a.primary{border-color:#f1f1f1!important;background:#ededed!important;color:#0a0a0a!important}body.mega-app button.danger{border-color:rgba(255,100,103,.34)!important;color:#ff8c8e!important}body.mega-app input:focus,body.mega-app select:focus,body.mega-app textarea:focus{border-color:#666!important;box-shadow:0 0 0 3px rgba(255,255,255,.07)!important;outline:none}
body.mega-app .badge.running,body.mega-app .badge.starting,body.mega-app .online,body.mega-app .live{color:var(--mega-success)!important}body.mega-app .failed{color:var(--mega-danger)!important}body.mega-app .stopping{color:var(--mega-warning)!important}body.mega-app .count{color:var(--mega-secondary)!important}body.mega-app .row:hover,body.mega-app .row.selected{background:#141414!important}body.mega-app td,body.mega-app th{border-color:#202020!important}
body.mega-app .log-box,body.mega-app pre:not(.mega-hero-art),body.mega-app .modal-code{border-color:var(--mega-border)!important;background:#050505!important;color:#c9c9c9!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important}body.mega-app .toast{border-radius:var(--mega-radius-sm)!important;background:#111!important}

/* Structural reset: legacy pages keep their behavior, not their rigid geometry. */
body.mega-app .screen,body.mega-app .dashboard,body.mega-app .board-view,body.mega-app .heading,body.mega-app .top,body.mega-app .layout,body.mega-app .grid,body.mega-app .bottom-grid,body.mega-app .summary,body.mega-app .metrics,body.mega-app .summary-metrics,body.mega-app .boards,body.mega-app .kanban,body.mega-app .toolbar,body.mega-app .kanban-tools,body.mega-app .facts{min-width:0;max-width:100%}
body.mega-app .panel,body.mega-app .view,body.mega-app .auth-card,body.mega-app .table-wrap,body.mega-app .log-box{min-width:0;max-width:100%;border-color:var(--mega-border)!important;background:var(--mega-panel)!important}
body.mega-app .panel,body.mega-app .view,body.mega-app .auth-card{overflow:hidden;border-radius:var(--mega-radius-md)!important}
body.mega-app .view,body.mega-app .auth-card{border-radius:var(--mega-radius-sm)!important}
body.mega-app .empty,body.mega-app .log-entry,body.mega-app .menu-panel,body.mega-app .board-menu-panel{border-color:var(--mega-border)!important;border-radius:var(--mega-radius-md)!important;background:var(--mega-panel)!important;overflow:hidden}
body.mega-app .operation-tag,body.mega-app .status-code{border-radius:999px!important;background:#111!important}
body.mega-app .panel-head,body.mega-app .col-head,body.mega-app .chat-head,body.mega-app .modal-head{margin:0;border-radius:0!important}
body.mega-app .column>*:last-child,body.mega-app .panel>*:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}
body.mega-app .board-top,body.mega-app .board-foot,body.mega-app .task-head,body.mega-app .work-row,body.mega-app .activity-head{min-width:0}
body.mega-app .board-name,body.mega-app .task-title,body.mega-app .work-title,body.mega-app .task-context,body.mega-app .task-last,body.mega-app .objective,body.mega-app .board-objective,body.mega-app .audit-message,body.mega-app .activity-path{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
body.mega-app .work-title,body.mega-app .panel-head h2,body.mega-app .section-head h2,body.mega-app .view strong,body.mega-app .quick a{color:var(--mega-text)!important}
body.mega-app .work-context,body.mega-app .work-board,body.mega-app .activity-path{color:var(--mega-muted)!important}
body.mega-app .activity-tool,body.mega-app .board-pct,body.mega-app .quick,body.mega-app .view p,body.mega-app .view .go{color:var(--mega-muted)!important}
body.mega-app .hero-sub,body.mega-app .runtime-title strong,body.mega-app .runtime-title span,body.mega-app .runtime-fact small,body.mega-app .runtime-fact strong,body.mega-app .runtime-access,body.mega-app .section-head span,body.mega-app .panel-head a,body.mega-app footer,body.mega-app footer a{color:var(--mega-muted)!important}
body.mega-app .meta-chip,body.mega-app .port-chip{border-color:var(--mega-border-strong)!important;border-radius:999px!important;background:#101010!important}
body.mega-app .track{border-radius:999px!important;background:#202020!important;overflow:hidden}
body.mega-app .track>.fill{background:#d4d4d4!important}
body.mega-app .menu-panel{max-width:min(620px,calc(100vw - var(--mega-sidebar) - 48px));border-radius:var(--mega-radius-md)!important;overflow:hidden}

@media(max-width:1120px){body.mega-app.mega-section-home .hero{grid-template-columns:1fr!important;min-height:0}body.mega-app.mega-section-home .hero-copy{padding:30px 28px!important}body.mega-app.mega-section-home .ascii-stage{min-height:430px;border-left:0!important;border-top:1px solid var(--mega-border)!important;padding:8px 2px!important}body.mega-app.mega-section-home .mega-hero-art{font-size:clamp(6.2px,.82vw,8.2px)!important}}
@media(max-width:760px){body.mega-app.mega-section-home .screen{padding:14px 10px 34px!important}body.mega-app.mega-section-home .ascii-stage{min-height:330px;padding:4px 0!important}body.mega-app.mega-section-home .mega-hero-art{font-size:clamp(3.5px,.78vw,4.8px)!important;transform:translate3d(var(--mega-hero-tx),var(--mega-hero-ty),0) rotateX(var(--mega-hero-rx)) rotateY(var(--mega-hero-ry)) scale(1.04)}}
@media(max-width:480px){body.mega-app.mega-section-home .ascii-stage{min-height:270px}body.mega-app.mega-section-home .mega-hero-art{font-size:3px!important}}
@media(prefers-reduced-motion:reduce){body.mega-app.mega-section-home .ascii-stage::after,body.mega-app.mega-section-home .mega-hero-art{animation:none!important}body.mega-app.mega-section-home .mega-hero-art{transition:none!important;transform:scale(1.04)}}
@media(max-width:1320px){body.mega-app .grid,body.mega-app .bottom-grid{grid-template-columns:1fr!important}}
@media(max-width:1200px){body.mega-app.mega-section-home .metrics,body.mega-app.mega-section-work .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.mega-app.mega-section-stats .metrics,body.mega-app.mega-section-terminals .summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.mega-settings-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.mega-settings-backdrop[hidden]{display:none}.mega-settings-modal{width:min(560px,100%);max-height:min(680px,calc(100vh - 36px));overflow:auto;border:1px solid var(--mega-border-strong);border-radius:var(--mega-radius-lg);background:var(--mega-panel);box-shadow:0 28px 90px rgba(0,0,0,.72);color:var(--mega-text)}.mega-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--mega-border)}.mega-settings-kicker{display:block;margin-bottom:5px;color:var(--mega-muted);font:8px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.mega-settings-head strong{font-size:15px}.mega-settings-close,.mega-settings-button{min-height:36px;border:1px solid var(--mega-border-strong);border-radius:var(--mega-radius-sm);background:var(--mega-raised);color:var(--mega-text);padding:0 12px;cursor:pointer}.mega-settings-close:hover,.mega-settings-button:hover{border-color:#555;background:#1a1a1a}.mega-settings-body{padding:20px}.mega-settings-note{margin:0 0 16px;color:var(--mega-muted);font-size:12px;line-height:1.65}.mega-settings-status{min-height:18px;margin-bottom:12px;color:var(--mega-warning);font-size:11px}.mega-settings-field{display:grid;gap:8px}.mega-settings-field label{color:var(--mega-secondary);font-size:10px}.mega-settings-token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.mega-settings-token{width:100%;min-height:40px;border:1px solid var(--mega-border-strong);border-radius:var(--mega-radius-sm);background:#050505;color:var(--mega-text);padding:0 12px;outline:none}.mega-settings-token:focus{border-color:#666;box-shadow:0 0 0 3px rgba(255,255,255,.07)}.mega-settings-actions{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--mega-border)}.mega-settings-actions .danger{margin-right:auto;color:#ff8c8e;border-color:rgba(255,100,103,.3)}.mega-settings-meta{margin-top:16px;padding:12px;border:1px solid var(--mega-border);border-radius:var(--mega-radius-sm);background:#080808;color:var(--mega-muted);font-size:10px;line-height:1.6}.mega-settings-meta strong{color:var(--mega-secondary);font-weight:500}.mega-auth-required{border:1px dashed rgba(245,196,81,.3);border-radius:var(--mega-radius-sm);background:rgba(245,196,81,.03);color:#d8be75;padding:12px 14px;font-size:11px;line-height:1.5}

@media(max-width:900px){:root{--mega-sidebar:0px;--mega-topbar:58px}body.mega-app{padding-left:0!important}body.mega-app::before{left:0}.mega-sidebar{width:244px;transform:translateX(-100%);transition:transform .2s ease;box-shadow:20px 0 70px rgba(0,0,0,.7)}body.mega-nav-open .mega-sidebar{transform:translateX(0)}body.mega-nav-open::after{content:"";position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.65);backdrop-filter:blur(3px)}.mega-topbar{left:0;padding-inline:16px}.mega-menu-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--mega-border);border-radius:var(--mega-radius-sm);background:#090909;color:#aaa;cursor:pointer}.mega-menu-button svg{width:15px;height:15px}body.mega-app .screen{width:100%!important}}
@media(max-width:560px){.mega-runtime-label{display:none}.mega-topbar{gap:7px;padding-inline:10px}body.mega-app .screen{width:100vw!important;min-width:0!important;padding:24px 12px 36px!important;overflow:hidden}body.mega-app .metrics,body.mega-app .summary-metrics{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.mega-app .heading,body.mega-app .top{min-width:0!important}body.mega-app .heading>*,body.mega-app .top>*{min-width:0;max-width:100%}.mega-settings-token-row{grid-template-columns:1fr}.mega-settings-actions{flex-wrap:wrap}.mega-settings-actions .danger{width:100%;margin-right:0}}
