:root{--white:#fff;--sia-teal:#00decc;--teal-50:#e6fcfa;--teal-100:#b8f7f1;--teal-500:#00c2b3;--teal-600:#00a2a3;--teal-700:#007f82;--teal-800:#005b5f;--navy:#173044;--navy-600:#27405a;--navy-800:#0f2233;--cool-black:#0a151e;--gray-50:#f8f9fb;--gray-100:#f4f6fc;--gray-200:#e6eaf2;--gray-300:#ced5df;--gray-400:#a7b1bf;--gray-500:#7b8695;--gray-600:#566273;--gray-700:#3a4556;--success-50:#e6f9ef;--success-700:#0a7c4a;--warning-50:#fff6e0;--warning-700:#b07510;--error-50:#ffe6ef;--error-500:#df0050;--error-700:#9b0038;--info-50:#e6f2ff;--info-700:#0b56a8;--background-primary:var(--white);--background-secondary:var(--gray-100);--text-primary:var(--cool-black);--text-secondary:var(--gray-700);--text-muted:var(--gray-600);--border-default:var(--gray-300);--border-subtle:var(--gray-200);--border-focus:var(--teal-600);--radius-input:10px;--radius-button:12px;--radius-card:16px;--shadow-1:0 1px 2px #0a151e0f, 0 1px 3px #0a151e14;--shadow-2:0 4px 12px #0a151e1a;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Sora", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--gradient-sia:radial-gradient(circle at 15% 15%, #ffe3d1 0%, transparent 45%), radial-gradient(circle at 85% 20%, #e3d9ff 0%, transparent 50%), radial-gradient(circle at 50% 90%, #d6ecff 0%, transparent 55%), var(--background-secondary)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text-primary);background:var(--background-secondary);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}.material-symbols-outlined{vertical-align:-4px;-webkit-user-select:none;user-select:none;font-size:20px;line-height:1}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in-up .3s var(--ease) both}@media (prefers-reduced-motion:reduce){.animate-in{animation:none}}a{color:var(--teal-700)}a:hover{color:var(--teal-800)}code,.mono{font-family:var(--mono);font-size:.875em}.header{background:var(--navy);color:var(--white);position:relative}.header:after{content:"";background:linear-gradient(90deg, var(--sia-teal), var(--info-700), var(--sia-teal));background-size:200% 100%;height:2px;animation:6s linear infinite shimmer;position:absolute;bottom:0;left:0;right:0}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.header:after{background-position:0 0;animation:none}}.brand__icon{color:var(--sia-teal)}.header__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.brand__name{letter-spacing:0;font-size:1.25rem;font-weight:600}.brand__sub{color:var(--gray-300);font-size:.875rem}.header__user{color:var(--gray-200);align-items:center;gap:12px;font-size:.875rem;display:flex}.main{grid-template-columns:minmax(320px,440px) 1fr;align-items:start;gap:24px;max-width:1280px;margin:0 auto;padding:32px 24px 64px;display:grid}@media (max-width:900px){.main{grid-template-columns:1fr;padding:24px 16px 48px}.header__inner{padding:12px 16px}}.card{background:var(--background-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-1);border:1px solid var(--border-subtle);transition:box-shadow .2s var(--ease), transform .2s var(--ease);padding:24px}.card h2{margin:0 0 4px;font-size:1.125rem;font-weight:600}.card .lead{color:var(--text-muted);margin:0 0 20px;font-size:.9375rem}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label,.field .label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.field .hint{color:var(--text-muted);font-size:.8125rem}input[type=text],select{font:inherit;border:1px solid var(--border-default);border-radius:var(--radius-input);background:var(--white);color:var(--text-primary);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:10px 12px}input[type=text]:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--teal-100);outline:none}.segmented{border:1px solid var(--border-default);border-radius:var(--radius-input);display:inline-flex;overflow:hidden}.segmented button{font:inherit;background:var(--white);color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease);border:0;padding:8px 14px;font-size:.875rem}.segmented button+button{border-left:1px solid var(--border-default)}.segmented button[aria-pressed=true]{background:var(--navy);color:var(--white)}.segmented button:disabled{color:var(--gray-400);cursor:not-allowed}.checks{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.check{align-items:center;gap:8px;font-size:.9375rem;display:flex}.check input{width:16px;height:16px;accent-color:var(--teal-600)}.check.is-disabled{color:var(--gray-400)}.btn{font:inherit;border-radius:var(--radius-button);cursor:pointer;transition:background .15s var(--ease), box-shadow .15s var(--ease), color .15s var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--navy);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--navy-800);box-shadow:var(--shadow-1)}.btn--accent{background:var(--sia-teal);color:var(--cool-black)}.btn--accent:hover:not(:disabled){background:var(--teal-500)}.btn--ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--gray-100)}.btn--danger{color:var(--error-700);border-color:var(--border-default);background:0 0}.btn--danger:hover:not(:disabled){background:var(--error-50)}.btn--sm{padding:6px 12px;font-size:.875rem}.btn--block{justify-content:center;width:100%}.alert{border-radius:var(--radius-input);margin-bottom:16px;padding:12px 14px;font-size:.9375rem}.alert--error{background:var(--error-50);color:var(--error-700)}.alert--info{background:var(--info-50);color:var(--info-700)}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--ready{background:var(--success-50);color:var(--success-700)}.badge--pending,.badge--provisioning{background:var(--warning-50);color:var(--warning-700)}.badge--provisioning:before{animation:pulse 1.2s infinite var(--ease)}.badge--terminating{background:var(--gray-200);color:var(--gray-700)}.badge--terminated{background:var(--gray-100);color:var(--gray-500)}.badge--failed{background:var(--error-50);color:var(--error-700)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.badge--provisioning:before{animation:none}}.list{flex-direction:column;gap:12px;display:flex}.env{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--white);transition:box-shadow .2s var(--ease), transform .2s var(--ease);grid-template-columns:1fr auto;gap:8px 16px;padding:16px;display:grid}.env:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.env__title{align-items:center;gap:10px;font-weight:600;display:flex}.env__meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;font-size:.875rem;display:flex}.env__actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.env__error{color:var(--error-700);background:var(--error-50);border-radius:8px;grid-column:1/-1;padding:8px 10px;font-size:.875rem}.env__info{color:var(--text-muted);grid-column:1/-1;font-size:.875rem}.empty{text-align:center;color:var(--text-muted);padding:32px 16px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar h2{margin:0}.toolbar label{color:var(--text-muted);align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.login{background:var(--gradient-sia);place-items:center;min-height:70vh;padding:24px;display:grid}.login .card{text-align:center;max-width:440px;box-shadow:var(--shadow-2)}.login h1{margin:0 0 8px;font-size:1.75rem;font-weight:400}.login__icon{background:var(--navy);width:56px;height:56px;color:var(--sia-teal);border-radius:16px;place-items:center;margin:0 auto 16px;display:grid}.login__icon .material-symbols-outlined{vertical-align:0;font-size:28px}.ascent{background:var(--sia-teal);transform-origin:0;width:48px;height:2px;margin:24px auto 8px;transform:rotate(-64deg)}
