:root{--glacial-001: #fcfeff;--glacial-050: #f2f4f5;--glacial-120: #dfe5e7;--glacial-150: #d4dbde;--glacial-330: #afbbc0;--glacial-400: #95a6ac;--glacial-610: #697a81;--glacial-810: #3b5059;--glacial-850: #2d3f47;--glacial-890: #203139;--glacial-920: #1a2b33;--glacial-999: #111d22;--accent-yellow-100: #fff3c4;--accent-yellow-500: #f0b429;--accent-yellow-700: #cb6e17;--accent-red-300: #f2a6a6;--accent-red-500: #ba2525;--accent-red-700: #911111;--accent-green-300: #65cd8d;--accent-green-100: #c6f7e2;--bg-base: var(--glacial-999);--bg-primary: var(--glacial-920);--bg-secondary: var(--glacial-890);--bg-tertiary: var(--glacial-850);--bg-action: var(--accent-yellow-500);--text-primary: rgba(255, 255, 255, .99);--text-secondary: rgba(245, 252, 255, .7);--text-tertiary: rgba(245, 252, 255, .54);--text-disabled: rgba(245, 252, 255, .38);--text-on-brand: rgba(0, 14, 20, .93);--text-on-brand-disabled: rgba(0, 14, 20, .38);--border-primary: rgba(236, 247, 251, .81);--border-secondary: rgba(238, 251, 255, .24);--border-tertiary: rgba(238, 251, 255, .1);--surf-primary: rgba(191, 199, 201, .1);--surf-secondary: rgba(191, 199, 201, .06);--surf-tertiary: rgba(191, 199, 201, .03);--surf-invert-tertiary: rgba(0, 14, 20, .14);--hover: rgba(185, 236, 255, .1);--status-alert: #f18181;--status-warning: #c6b948;--status-success: var(--accent-green-300);--status-text-alert: #ffe0e0;--status-text-warning: var(--accent-yellow-100);--status-text-success: var(--accent-green-100);--status-surf-alert: rgba(255, 0, 0, .25);--status-surf-warning: rgba(255, 206, 0, .2);--status-surf-success: rgba(51, 204, 74, .2);--brand-gradient: linear-gradient(141deg, #fddc04, #f9a327);--brand-gradient-disabled: linear-gradient(141deg, rgba(253, 220, 4, .5), rgba(249, 163, 39, .5));--space-1x: 4px;--space-2x: 8px;--space-3x: 12px;--space-4x: 16px;--space-5x: 20px;--space-6x: 24px;--space-8x: 32px;--space-12x: 48px;--radius-small: 6px;--radius-medium: 12px;--radius-rounded: 999px;--font-family: "Poppins", "Helvetica", "Arial", sans-serif;--font-regular: 400;--font-medium: 500;--font-bold: 600;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg-base);color:var(--text-primary);font:var(--font-regular) 16px/23px var(--font-family)}main{max-width:980px;margin:0 auto;padding:var(--space-8x) var(--space-6x)}header.topbar{display:flex;align-items:baseline;gap:var(--space-4x);border-bottom:1px solid var(--border-tertiary);padding-bottom:var(--space-6x);margin-bottom:var(--space-8x)}header.topbar h1{font-size:16px;line-height:20px;font-weight:var(--font-bold);margin:0}header.topbar .sub{color:var(--text-secondary);font-size:14px;line-height:20px}header.topbar .tabs{margin-left:auto;display:flex;gap:var(--space-2x)}header.topbar .tabs button{border:1px solid var(--border-tertiary);background:transparent;border-radius:var(--radius-medium);padding:var(--space-2x) var(--space-4x);cursor:pointer;font:inherit;color:var(--text-secondary)}header.topbar .tabs button.active{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}section.panel{background:var(--bg-primary);border:1px solid var(--border-tertiary);border-radius:var(--radius-medium);padding:var(--space-5x);margin-bottom:var(--space-6x)}section.panel h2{font-size:16px;line-height:20px;font-weight:var(--font-bold);margin:0 0 var(--space-4x)}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--text-secondary);font-weight:var(--font-regular);font-size:12px;line-height:14px;letter-spacing:0}th,td{padding:var(--space-2x) var(--space-3x);border-bottom:1px solid var(--border-tertiary)}td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.state{padding:1px var(--space-2x);border-radius:var(--radius-rounded);font-size:12px;line-height:18px;border:1px solid transparent}.state.available{color:var(--status-text-success);background:var(--status-surf-success);border-color:#65cd8d66}.state.provisioning,.state.starting,.state.stopping{color:var(--status-text-warning);background:var(--status-surf-warning);border-color:#c6b94866}.state.running{color:var(--status-text-success);background:var(--status-surf-success);border-color:#65cd8d66}.state.deleting,.state.error{color:var(--status-text-alert);background:var(--status-surf-alert);border-color:#f1818166}.state.stopped{color:var(--text-secondary);background:var(--bg-secondary);border-color:var(--border-tertiary)}button{background:var(--brand-gradient);color:var(--text-on-brand);border:0;border-radius:var(--radius-rounded);height:32px;padding:0 14px;cursor:pointer;font-family:var(--font-family);font-size:14px;line-height:20px;font-weight:var(--font-medium);text-transform:none;white-space:nowrap}button:hover:not(:disabled){background:linear-gradient(0deg,var(--surf-invert-tertiary),var(--surf-invert-tertiary)),var(--brand-gradient)}button:focus-visible{outline:3px solid var(--accent-yellow-100);outline-offset:2px}button:disabled{background:var(--brand-gradient-disabled);color:var(--text-on-brand-disabled);cursor:default}button.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-secondary)}button.ghost:hover:not(:disabled){background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}button.ghost:disabled{background:transparent;color:var(--text-disabled);border:1px solid var(--border-tertiary)}button.ghost.danger:hover:not(:disabled){color:var(--status-alert);border-color:#f2a6a680}form.row{display:flex;gap:var(--space-3x);align-items:flex-end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:var(--space-1x);color:var(--text-secondary);font-size:12px;line-height:14px}input,select{background:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:var(--radius-small);color:var(--text-primary);padding:var(--space-2x) var(--space-3x);min-width:14rem;font-family:var(--font-family);font-size:16px;line-height:20px}select{min-width:8rem}input::placeholder{color:var(--text-disabled)}input:focus-visible,select:focus-visible{outline:none;border-color:var(--border-primary)}p.error{color:var(--status-alert);font-size:14px;line-height:20px;white-space:pre-wrap}p.hint{color:var(--text-tertiary);font-size:14px;line-height:20px;margin:var(--space-3x) 0 0}dl.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3x) var(--space-6x);margin:0}dl.kv dt{color:var(--text-secondary);font-size:12px;line-height:14px}dl.kv dd{margin:var(--space-1x) 0 0;font-size:14px;line-height:18px}.row-between{display:flex;justify-content:space-between;align-items:center}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--hover)}