:root{color-scheme:dark;--color-canvas: #142b33;--color-panel: #1c3a44;--color-surface-subtle: #1f3e49;--color-surface-soft: #183440;--color-border: #35565f;--color-border-soft: #2a4952;--color-sidebar: #10262e;--color-ink: #eaf4f3;--color-ink-soft: #c5d8d6;--color-muted: #9ab4b1;--color-primary: #2fc2b7;--color-primary-text: #5fd6cc;--color-primary-hover: #45cdc3;--color-primary-active: #29aba1;--color-primary-soft: #174441;--color-primary-selected: #1d5450;--color-on-primary: #04211f;--color-success-text: #6fcda4;--color-success-soft: #16382c;--color-success-line: #2c5b47;--color-warning-text: #e0b566;--color-warning-soft: #3b2f14;--color-warning-line: #6b5527;--color-danger-text: #eb8a7c;--color-danger-soft: #40201b;--color-danger-line: #6e372f;--color-info-text: #9fabf2;--color-info-soft: #232a4d;--color-info-line: #3c4680;--color-on-danger: #2a0f0a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--color-backdrop: rgb(4 14 17 / 55%);--control-height: 38px;--shadow-panel: 0 1px 2px rgb(0 0 0 / 25%), 0 10px 30px -18px rgb(0 0 0 / 55%);--motion-fast: .14s;--motion-standard: .18s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--font-sans: "Roboto", "Segoe UI", Arial, "Noto Sans", sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:14px;line-height:1.45}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-soft);border-radius:var(--radius-xs);padding:.1em .3em}.app{display:flex;min-height:100dvh}.sidebar{flex:0 0 auto;width:232px;position:sticky;top:0;height:100dvh;background:var(--color-sidebar);border-right:1px solid var(--color-border-soft);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) var(--space-4)}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:14px;line-height:20px}.brand .hint{margin:0}.nav-links{display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:flex;align-items:center;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-soft);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-standard)}.nav-link:hover{background:var(--color-surface-soft);color:var(--color-ink)}.nav-link.active{background:var(--color-primary-soft);color:var(--color-primary-text);font-weight:500}.session{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.session button{margin-top:0}.content{flex:1 1 auto;min-width:0;max-width:1280px;padding:var(--space-6) var(--space-6) 64px}@media(max-width:759px){.app{flex-direction:column}.sidebar{position:static;height:auto;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3);border-right:0;border-bottom:1px solid var(--color-border-soft);padding:var(--space-3) var(--space-4)}.nav-links{flex-direction:row}.session{margin-top:0;margin-left:auto;flex-direction:row;align-items:center}.content{padding:var(--space-4)}}h1,h2,h3,h4{line-height:1.3;margin:0 0 var(--space-3);text-wrap:balance}h1{font-size:20px;font-weight:700;line-height:28px}h2{font-size:16px;font-weight:700;line-height:24px}h3{font-size:14px;font-weight:700;line-height:20px}h4{font-size:14px;font-weight:500;line-height:20px;color:var(--color-ink-soft)}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.row.spread{justify-content:space-between}.card{background:var(--color-panel);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:var(--space-5);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.card--form{max-width:34rem}.detail-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start}.detail-grid>.card{margin-bottom:0}@media(min-width:1024px){.detail-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.detail-span{grid-column:1 / -1}}.auth{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:min(26rem,100%)}label{font-size:12px;line-height:18px;font-weight:500;color:var(--color-ink-soft);margin-top:var(--space-3)}input,select,textarea{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);font:inherit;min-height:var(--control-height);padding:var(--space-2) var(--space-3);width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--color-danger-text)}button{background:var(--color-primary);color:var(--color-on-primary);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:500;min-height:var(--control-height);padding:var(--space-2) var(--space-4);cursor:pointer;margin-top:var(--space-3);transition:background-color var(--motion-fast) var(--ease-standard)}button:hover{background:var(--color-primary-hover)}button:active{background:var(--color-primary-active)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:transparent;color:var(--color-ink);border-color:var(--color-border)}button.secondary:hover{background:var(--color-surface-soft)}button.secondary:active{background:var(--color-surface-subtle)}button.danger{background:var(--color-danger-text);color:var(--color-on-danger)}button.danger:hover,button.danger:active{background:var(--color-danger-text);filter:brightness(1.08)}.hint{color:var(--color-muted);font-size:12px;line-height:18px;margin:var(--space-1) 0}.error{color:var(--color-danger-text);font-size:13px;margin:var(--space-3) 0 0}.notice{border-left:3px solid var(--color-warning-line);background:var(--color-warning-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-ink);font-size:12px;line-height:18px;margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-panel)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft);vertical-align:top}th{background:var(--color-surface-soft);font-size:11px;line-height:16px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}td{font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}td button{margin-top:0}.pill{display:inline-block;border-radius:var(--radius-pill);padding:2px var(--space-2);font-size:11px;line-height:16px;font-weight:500;background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-ink-soft)}.pill-active,.pill-ready{background:var(--color-success-soft);border-color:var(--color-success-line);color:var(--color-success-text)}.pill-suspended,.pill-frozen,.pill-warn{background:var(--color-warning-soft);border-color:var(--color-warning-line);color:var(--color-warning-text)}.pill-terminated{background:var(--color-danger-soft);border-color:var(--color-danger-line);color:var(--color-danger-text)}.filter-bar{margin:var(--space-3) 0 var(--space-4)}.filter-bar label{margin-top:0}.filter-bar select{width:auto;min-width:180px}.filter-bar button{margin-top:0}.confirm-dialog{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);color:var(--color-ink);max-width:min(28rem,calc(100vw - 32px));padding:var(--space-5)}.confirm-dialog::backdrop{background:var(--color-backdrop, rgb(4 14 17 / 55%))}.confirm-dialog h2{margin-bottom:var(--space-2)}.confirm-dialog-body{color:var(--color-ink-soft);font-size:13px;line-height:20px}.confirm-dialog-actions{justify-content:flex-end;margin-top:var(--space-4)}.table-block{display:flex;flex-direction:column;gap:var(--space-2)}.table-meta{margin:0}.table-state{text-align:center;padding:var(--space-6) var(--space-4)}.table-state button{margin:0 0 0 var(--space-2)}th.align-right,td.align-right{text-align:right}.sort-button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;min-height:0}.sort-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sort-mark{min-width:1em}.skeleton{display:block;height:14px;border-radius:var(--radius-xs);background:var(--color-surface-subtle);animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}