@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;--primary:#7a22ff;--primary-hover:#6812eb;--primary-light:#7a22ff1f;--accent:#7a22ff;--accent-hover:#6812eb;--accent-subtle:#7a22ff1f;--success:#009e7a;--success-light:#009e7a1f;--success-border:#009e7a40;--warning:#d97706;--warning-light:#d977061f;--warning-border:#d9770640;--danger:#ef4444;--danger-light:#ef44441f;--danger-border:#ef444440;--info:#0284c7;--info-light:#0284c71f;--info-border:#0284c740;--border-focus:#7a22ff;--border-glow:#7a22ff59}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#0d0f14;--bg-canvas:#0d0f14;--bg-card:#141721;--bg-card-hover:#181c28;--bg-surface:#161a26;--bg-surface-hover:#1f2535;--bg-surface-elevated:#1c2030;--bg-subtle:#ffffff08;--bg-input:#0d1017;--header-bg:#090b10f2;--modal-overlay-bg:#000000bf;--border-subtle:#202535;--border-medium:#2a3246;--border-strong:#38435d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-subtle:#475569;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #000000a6;--shadow-dropdown:0 10px 25px -5px #000000b3, 0 0 0 1px var(--border-medium)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-dark:#f8f9fb;--bg-canvas:#f8f9fb;--bg-card:#fff;--bg-card-hover:#fbfcfe;--bg-surface:#f1f3f7;--bg-surface-hover:#e5e9f0;--bg-surface-elevated:#fff;--bg-subtle:#00000008;--bg-input:#fff;--header-bg:#fff;--modal-overlay-bg:#0f172a73;--border-subtle:#e5e7eb;--border-medium:#d1d5db;--border-strong:#9ca3af;--text-main:#111827;--text-muted:#475569;--text-dim:#6b7280;--text-subtle:#9ca3af;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px -2px #00000014, 0 2px 6px -1px #0000000a;--shadow-lg:0 12px 24px -4px #0000001f, 0 4px 8px -2px #0000000a;--shadow-dropdown:0 10px 25px -5px #0000001a, 0 0 0 1px var(--border-subtle)}*,: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{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border-color:#ffffff1f;box-shadow:0 1px 3px #7a22ff40}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:#fff3}.btn-primary:active:not(:disabled){background:#5b0bd4}.btn-secondary{background:var(--bg-card);color:var(--text-main);border-color:var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-main)}.btn-secondary:active:not(:disabled){background:var(--bg-surface-hover)}.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-focus);background:var(--bg-input);outline:none;box-shadow:0 0 0 3px #7a22ff33}.status-pill{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;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 #009e7a80}.status-deploying,.status-building{background:var(--info-light);color:#0284c7;border:1px solid var(--info-border)}.status-deploying .status-dot,.status-building .status-dot{background:#0284c7;animation:1.5s ease-in-out infinite pulseDot}.status-pending{background:var(--warning-light);color:#d97706;border:1px solid var(--warning-border)}.status-pending .status-dot{background:#d97706}.status-failed,.status-crashed{background:var(--danger-light);color:#ef4444;border:1px solid var(--danger-border)}.status-failed .status-dot,.status-crashed .status-dot{background:#ef4444}@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(4px);backdrop-filter:blur(4px);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);width:100%;max-width:520px;max-height:calc(100dvh - 3rem);box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-subtle);color:var(--text-main);border-radius:10px;flex-direction:column;animation:.18s 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}}