:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#090a0d;--bg-alt:#0d1015;--sidebar:#0a0c10;--surface:#11151d;--surface-2:#161b24;--surface-3:#1d2430;--border:#ffffff14;--muted-border:#ffffff0d;--text:#d4d8df;--heading:#f4f7fb;--muted:#97a0ae;--faint:#697487;--accent:#f6821f;--accent-soft:#f6821f1f;--success:#22c55e;--success-soft:#22c55e24;--warning:#f59e0b;--warning-soft:#f59e0b24;--danger:#ef4444;--danger-soft:#ef444424;--neutral-soft:#94a3b81f;--radius:18px;--shadow:0 26px 70px #00000052}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:radial-gradient(circle at top left, #f6821f14, transparent 28%), radial-gradient(circle at top right, #5380ff14, transparent 26%), linear-gradient(180deg, var(--bg-alt), var(--bg));color:var(--text);margin:0;font-family:Manrope,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea{border:1px solid var(--border);width:100%;color:var(--heading);background:#ffffff05;border-radius:14px;outline:0;padding:12px 14px}textarea{resize:vertical}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.login-shell{place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0a, #fff0), var(--surface);width:min(520px,100%);box-shadow:var(--shadow);border-radius:24px;gap:18px;padding:28px;display:grid}.login-card h1{color:var(--heading);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem)}.login-card p{color:var(--muted);margin:0}.login-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.login-button{width:100%}.sidebar{border-right:1px solid var(--muted-border);background:linear-gradient(180deg, #ffffff05, #fff0), var(--sidebar);height:100vh;padding:28px;position:sticky;top:0}.brand-block h1,.topbar h2,.section-head h3,.detail-hero h3{color:var(--heading);letter-spacing:-.04em;margin:0;font-weight:800}.brand-block h1{max-width:10ch;margin-top:12px;font-size:clamp(2.1rem,3vw,3rem);line-height:.98}.brand-block p,.sidebar-panel p,.section-copy,.empty-state span,.loading-state,.detail-empty,.hero-card p{color:var(--muted);line-height:1.65}.eyebrow,.topbar-label,.panel-label,.meta-pill,.status-chip,.mode-chip,.step-index,.form-field span,thead th{text-transform:uppercase;letter-spacing:.16em;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.72rem}.eyebrow{color:var(--faint)}.eyebrow-accent,.mode-chip{color:var(--accent)}.nav-list,.page-stack,.detail-stack,.stack-list,.timeline-list,.queue-list{gap:16px;display:grid}.nav-list{margin-top:34px}.nav-item,.ghost-button,.list-button,.activity-row,.queue-row{color:inherit;background:0 0;border:1px solid #0000}.nav-item{width:100%;color:var(--muted);text-align:left;border-radius:16px;grid-template-columns:18px 1fr;gap:12px;padding:14px 16px;transition:all .18s;display:grid}.nav-item strong{color:var(--heading);font-size:.98rem;display:block}.nav-item span{color:var(--muted);font-size:.84rem}.nav-item:hover,.nav-item.active{background:var(--surface);border-color:var(--border)}.sidebar-panel,.card,.hero-card,.loading-state,.detail-empty{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg, #ffffff08, #fff0), var(--surface);box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.card:after,.hero-card:after{content:"";opacity:.16;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.card>*,.hero-card>*{z-index:1;position:relative}.mode-chip,.meta-pill,.status-chip{border:1px solid var(--border);white-space:nowrap;background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.content{padding:28px}.topbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.topbar h2{margin-top:6px;font-size:clamp(1.9rem,2.5vw,2.6rem)}.topbar-actions,.button-row,.status-row,.tag-row,.toggle-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-shell{border:1px solid var(--border);min-width:min(380px,52vw);color:var(--muted);background:#ffffff05;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex}.search-shell input{background:0 0;border:0;width:100%;padding:0}.ghost-button{border:1px solid var(--border);color:var(--heading);background:#ffffff05;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 15px;transition:all .18s;display:inline-flex}.ghost-button:hover,.list-button:hover,.activity-row:hover,.queue-row:hover,tbody tr:hover{border-color:#f6821f66;transform:translateY(-1px)}.ghost-button:disabled{cursor:wait;opacity:.7;transform:none}.danger-ghost{color:#ffb4b4;border-color:#ef444447}.action-banner{border:1px solid var(--border);border-radius:16px;margin-bottom:18px;padding:14px 16px}.action-banner.success{background:var(--success-soft);border-color:#22c55e47}.action-banner.danger{background:var(--danger-soft);border-color:#ef444447}.headline-grid,.grid-two,.grid-three,.mini-grid,.hero-mini-grid,.railway-grid,.form-grid,.workspace-grid{gap:18px;display:grid}.headline-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.compact-headline{margin-bottom:0}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-grid,.hero-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);align-items:start}.hero-card{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px;display:grid}.section-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.section-head h3,.detail-hero h3{font-size:clamp(1.12rem,1.8vw,1.6rem)}.metric-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;gap:10px;padding:16px;display:grid}.metric-card strong,.step-metric strong,.row-primary{color:var(--heading);font-weight:700}.metric-card strong{font-size:1.55rem}.metric-top{justify-content:space-between;gap:12px;display:flex}.metric-top span,.row-secondary,.detail-list dt,.list-button span,.queue-row span,.note-row span,.empty-state span,.step-content span,.step-row span,.activity-row p,.timeline-event p,.railway-card dt{color:var(--muted)}.metric-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.list-button,.queue-row,.activity-row,.static-row,.step-card,.note-row{border:1px solid var(--border);text-align:left;background:#ffffff05;border-radius:16px;justify-content:space-between;align-items:start;gap:12px;width:100%;padding:14px;transition:all .18s;display:flex}.static-row{cursor:default}.static-row:hover{border-color:var(--border);transform:none}.table-shell{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--muted-border);white-space:nowrap;padding:14px 12px}thead th{color:var(--faint)}tbody tr{cursor:pointer;transition:all .16s}.selected-row{background:#ffffff0a}.detail-stack{position:sticky;top:28px}.detail-list{gap:12px;display:grid}.detail-list div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.detail-list dd{text-align:right;color:var(--heading);margin:0}.detail-list.compact div{border-bottom:1px solid var(--muted-border);padding:10px 0}.detail-list.compact div:last-child{border-bottom:0}.timeline-event,.activity-row{align-items:start;gap:12px;display:flex}.timeline-dot{border-radius:999px;flex-shrink:0;width:11px;height:11px;margin-top:5px}.tone-success{color:var(--success);background:var(--success-soft)}.tone-warning{color:var(--warning);background:var(--warning-soft)}.tone-danger{color:var(--danger);background:var(--danger-soft)}.tone-neutral{color:#b5bfd0;background:var(--neutral-soft)}.step-list{gap:12px;display:grid}.step-row,.step-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.step-row{border:1px solid var(--border);background:#ffffff05;border-radius:16px;padding:14px}.step-card{align-items:center}.step-index{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.step-content{flex:1}.step-metric{text-align:right}.step-metric.large strong{font-size:1.45rem}.chart-shell{width:100%}.railway-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.railway-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;gap:14px;padding:18px;display:grid}.railway-card.is-danger{border-color:#ef44444d}.railway-card-head,.railway-card dl{gap:12px;display:grid}.railway-card dl{margin:0}.railway-card dl div{justify-content:space-between;gap:12px;display:flex}.railway-card dd{color:var(--heading);text-align:right;margin:0}.date-filter{gap:8px;display:grid}.date-filter span{color:var(--muted);font-size:.82rem}.date-filter input{padding:10px 12px}.form-card,.form-grid{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{gap:8px;display:grid}.form-field span{color:var(--muted);letter-spacing:.08em}.toggle-row label{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.toggle-row input{width:auto}.plan-inline{gap:10px;margin-bottom:14px;display:flex}.plan-inline input{flex:1}.compact-gap{gap:10px}.inset-card{background:#ffffff05}.note-row{align-items:center}.empty-state{border:1px dashed var(--border);border-radius:16px;gap:6px;padding:14px;display:grid}.tag-row{margin:14px 0}@media (width<=1440px){.headline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:1fr}}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--muted-border);height:auto;position:static}.workspace-grid,.hero-card,.grid-two,.form-grid,.mini-grid,.hero-mini-grid{grid-template-columns:1fr}.detail-stack{position:static}}@media (width<=820px){.headline-grid{grid-template-columns:1fr}.topbar,.topbar-actions,.plan-inline{flex-direction:column;align-items:stretch}.search-shell{min-width:0}}