@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--rt-accent:#f8fafc;--rt-accent-fg:#090a0f;--primary:#f8fafc;--primary-hover:#fff;--primary-light:#ffffff14;--accent:#f8fafc;--accent-hover:#fff;--accent-subtle:#ffffff0d;--success:#10b981;--success-light:#10b98114;--success-border:#10b98133;--warning:#f59e0b;--warning-light:#f59e0b14;--warning-border:#f59e0b33;--danger:#ef4444;--danger-light:#ef444414;--danger-border:#ef444433;--info:#38bdf8;--info-light:#38bdf814;--info-border:#38bdf833;--border-focus:#fff;--border-glow:#fff3;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:9999px}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#090a0f;--bg-canvas:#090a0f;--bg-card:#12141c;--bg-card-hover:#161922;--bg-surface:#141720;--bg-surface-hover:#1b1f2b;--bg-surface-elevated:#1a1e2a;--bg-subtle:#ffffff08;--bg-input:#0c0e14;--header-bg:#090a0fd9;--modal-overlay-bg:#000000d1;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-strong:#ffffff38;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-subtle:#475569;--shadow-sm:0 1px 2px #0009;--shadow-md:0 4px 16px -2px #000000b3, 0 0 0 1px var(--border-subtle);--shadow-lg:0 16px 48px -8px #000000d9, 0 0 0 1px var(--border-default,var(--border-medium));--shadow-dropdown:0 12px 32px -4px #000c, 0 0 0 1px var(--border-medium)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#090a0f;--primary-hover:#181b24;--primary-light:#0000000d;--accent:#090a0f;--accent-hover:#181b24;--accent-subtle:#0000000a;--border-focus:#090a0f;--bg-dark:#f8fafc;--bg-canvas:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-surface:#f1f5f9;--bg-surface-hover:#e2e8f0;--bg-surface-elevated:#fff;--bg-subtle:#00000005;--bg-input:#fff;--header-bg:#ffffffe0;--modal-overlay-bg:#0f172a99;--border-subtle:#00000012;--border-medium:#0000001f;--border-strong:#00000038;--text-main:#090a0f;--text-muted:#475569;--text-dim:#64748b;--text-subtle:#94a3b8;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px -2px #00000014, 0 0 0 1px var(--border-subtle);--shadow-lg:0 16px 36px -4px #0000001f, 0 0 0 1px var(--border-medium);--shadow-dropdown:0 10px 25px -5px #0000001a, 0 0 0 1px var(--border-medium)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-canvas);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.875rem;line-height:1.5;transition:background-color .2s,color .2s}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.invisible-scroll,.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.invisible-scroll::-webkit-scrollbar{width:0;height:0;display:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:500;line-height:1.25;transition:all .12s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--rt-accent,#f8fafc);color:var(--rt-accent-fg,#090a0f);border-color:#fff3;font-weight:600;box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff4d}.btn-primary:hover:not(:disabled){background:#fff;box-shadow:0 2px 8px #ffffff26,inset 0 1px #fff6}.btn-primary:active:not(:disabled){background:#e2e8f0;transform:translateY(1px)}[data-theme=light] .btn-primary{color:#fff;background:#090a0f;border-color:#090a0f;box-shadow:0 1px 2px #0003}[data-theme=light] .btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 2px 6px #00000026}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-main)}.btn-secondary:active:not(:disabled){background:var(--bg-card);transform:translateY(1px)}.btn-danger{background:var(--danger-light);color:#ef4444;border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-main)}.btn-xs{border-radius:4px;padding:.2rem .45rem;font-size:.6875rem}.btn-sm{border-radius:5px;padding:.3rem .6rem;font-size:.75rem}.btn-lg{border-radius:8px;padding:.65rem 1.25rem;font-size:.875rem}.btn-icon{border-radius:6px;padding:.4rem;line-height:1}.input-text,.input-select,textarea{background:var(--bg-input);border:1px solid var(--border-medium);width:100%;color:var(--text-main);font-family:var(--font-sans);border-radius:6px;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4;transition:border-color .15s,box-shadow .15s}.input-text::placeholder,textarea::placeholder{color:var(--text-dim)}.input-text:focus,.input-select:focus,textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 2px var(--border-glow);background:var(--bg-input);outline:none}.status-pill{border-radius:var(--radius-pill);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.45rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-running{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.status-running .status-dot{background:var(--success);box-shadow:0 0 6px #10b98166}.status-deploying,.status-building{background:var(--info-light);color:var(--info);border:1px solid var(--info-border)}.status-deploying .status-dot,.status-building .status-dot{background:var(--info);animation:1.5s ease-in-out infinite pulseDot}.status-pending{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-border)}.status-pending .status-dot{background:var(--warning)}.status-failed,.status-crashed{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.status-failed .status-dot,.status-crashed .status-dot{background:var(--danger)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.modal-overlay{background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:1.5rem;display:flex;position:fixed;inset:0;overflow:hidden}.modal-dialog{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:calc(100dvh - 3rem);box-shadow:var(--shadow-lg);color:var(--text-main);flex-direction:column;animation:.16s cubic-bezier(.16,1,.3,1) modalEnter;display:flex;overflow:hidden}.modal-body-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@keyframes modalEnter{0%{opacity:0;transform:scale(.98)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.terminal-window{border:1px solid var(--border-subtle);font-family:var(--font-mono);color:#e2e8f0;background:#07090e;border-radius:8px;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-all}.terminal-line:hover{background:#ffffff08}.mono-tag{font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:4px;padding:.15rem .4rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
