@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f9fafb;--bg-secondary:#eaedf0;--bg-dark:#f9fafb;--bg-panel:#fff;--bg-panel-hover:#f0f2f5;--surface-inset:#edf0f2;--text-primary:#111827;--text-secondary:#515e70;--text-muted:#6e7d91;--text-on-accent:#fff;--border-color:#b6bfc8b3;--section-border:#c5ccd3;--glass-bg:#ffffffbf;--glass-border:1px solid var(--border-color);--glass-blur:blur(12px);--glass-shadow:0 4px 30px #0000000d;--accent-primary:#4a26d9;--accent-hover:#3e20b6;--accent-glow:#4a26d940;--primary-color:#4a26d9;--primary-light:#6749df;--primary-glow:#4a26d933;--secondary-color:#111827;--status-success:#17824d;--status-warning:#a45904;--status-danger:#c11538;--accent-success:#17824d;--accent-warning:#a45904;--accent-danger:#c11538;--text-warning:#a45904;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-full:0;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-speed:.2s}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#090e1a;--bg-secondary:#0f1729;--bg-dark:#090e1a;--bg-panel:#141c2e;--bg-panel-hover:#1c253b;--surface-inset:#04081080;--text-primary:#f8fafc;--text-secondary:#a9b5c6;--text-muted:#8491a4;--text-on-accent:#0e1525;--border-color:#394c6ab3;--section-border:#313e54;--glass-bg:#0f172999;--glass-shadow:0 4px 30px #00000080;--accent-primary:#9d85ff;--accent-hover:#baa8ff;--accent-glow:#9175ff66;--primary-color:#9d85ff;--primary-light:#baa8ff;--primary-glow:#9175ff4d;--secondary-color:#f8fafc;--status-success:#42d780;--status-warning:#fabd42;--status-danger:#fb6a82;--accent-success:#42d780;--accent-warning:#fabd42;--accent-danger:#fb6a82;--text-warning:#fabd42}input,select,textarea{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--section-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.6rem .8rem;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:disabled,select:disabled,textarea:disabled,input[readonly]{background:var(--surface-inset);color:var(--text-muted)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.5rem}select option{background:var(--bg-panel);color:var(--text-primary);padding:.5rem 1rem;font-size:.95rem}button{font-family:inherit}code{font-family:var(--font-mono);background:var(--surface-inset);color:var(--text-primary);border-radius:0;padding:.1em .4em;font-size:.9em}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:background var(--transition-smooth), border-color var(--transition-smooth)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem}.glass-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);transition:background-color var(--transition-smooth), color var(--transition-smooth);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-top:0;font-weight:600}h1{font-size:2rem;line-height:1.2}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.app-root{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-layout{flex:1;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;padding:2rem 2rem 8rem;display:flex;overflow-y:auto}:root{--bg:var(--bg-primary);--panel:var(--bg-panel);--border:var(--border-color);--text:var(--text-primary);--muted:var(--text-muted);--accent:var(--accent-primary);--ok:var(--status-success);--warn:var(--status-warning);--bad:var(--status-danger)}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}.nav{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:1.25rem;padding:.8rem 1.5rem;display:flex}.nav .brand{letter-spacing:.02em;margin-right:1rem;font-weight:700}.nav a{color:var(--muted)}.nav a:hover,.nav a.active{color:var(--text)}.page{max-width:1100px;margin:0 auto;padding:1.5rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:1.25rem;padding:1.25rem}h1{margin:0 0 1rem;font-size:1.4rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem;font-size:1.05rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .6rem}th{color:var(--muted);font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover{background:#ffffff08}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem .65rem;font-size:.9rem}label{color:var(--muted);margin:.6rem 0 .25rem;font-size:.8rem;display:block}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.55rem 1rem;font-size:.9rem}button.secondary{border:1px solid var(--border);color:var(--text);background:0 0}button.danger{background:var(--bad)}button:disabled{opacity:.5;cursor:default}.badge{border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.badge.running,.badge.ok,.badge.done{color:var(--ok);border-color:var(--ok)}.badge.provisioning,.badge.pending,.badge.paused{color:var(--warn);border-color:var(--warn)}.badge.provision_failed,.badge.failed,.badge.suspended,.badge.rolled_back{color:var(--bad);border-color:var(--bad)}.plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.plan-card{border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:1rem}.plan-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-card .price{margin:.4rem 0;font-size:1.5rem;font-weight:700}.plan-card ul{color:var(--muted);margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem}.steps{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.45rem 0;display:flex}.steps .dot{background:var(--border);border-radius:50%;flex:none;width:10px;height:10px}.steps .dot.done{background:var(--ok)}.steps .dot.active{background:var(--warn);animation:1.2s infinite pulse}.steps .dot.failed{background:var(--bad)}@keyframes pulse{50%{opacity:.4}}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--bad);margin-top:.5rem;font-size:.85rem}.row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.row>div{flex:1;min-width:160px}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}
