:root{--bg: #FAF6EF;--surface: #FFFFFF;--surface-hover: #FAF7F1;--surface-elevated: #F2ECE2;--border: #E4DBCB;--border-light: #EDE7DA;--primary: #FF5B14;--primary-hover: #E0470A;--primary-light: #FFF3E9;--primary-glow: rgba(255,91,20,.15);--success: #3F9244;--success-light: #E9F5E5;--warning: #FB8B00;--warning-light: #FFF7E6;--danger: #C43D25;--danger-light: #FDF1EE;--text: #17120E;--text-muted: #7A7060;--text-faint: #A89C8E;--radius: 8px;--radius-lg: 14px;--sidebar-width: 230px;--shadow-sm: 0 1px 0 rgba(23,18,14,.03), 0 4px 14px -10px rgba(23,18,14,.16);--shadow: 0 1px 0 rgba(23,18,14,.03), 0 8px 22px -12px rgba(23,18,14,.2);--shadow-md: 0 1px 0 rgba(23,18,14,.04), 0 16px 36px -16px rgba(23,18,14,.26);--font-display: "Space Grotesk", "Inter", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Mono", Consolas, monospace;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,border-color .3s ease,color .2s ease}html{font-size:15px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#D6CCBC transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6ccbc;border-radius:999px;border:4px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint)}::selection{background:#ffe4d1;color:var(--text)}:focus-visible{outline:2px solid #FF813D;outline-offset:2px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 16px;border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,filter .15s ease;font-family:inherit;white-space:nowrap;line-height:1.4}button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,#ff6f35,var(--primary) 55%,#f04e06);color:#fff;border-color:transparent;box-shadow:inset 0 1px #ffffff38,0 6px 16px -8px #ff5b1480}.btn-primary:hover{filter:saturate(1.05) brightness(.97);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 10px 20px -8px #ff5b148c}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:#c8bca8;transform:translateY(-1px)}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-danger:hover{background:var(--danger-light);border-color:var(--danger)}.btn-warning{background:var(--warning-light);color:#8a5a00;border-color:#f5c879;box-shadow:var(--shadow-sm)}.btn-warning:hover{background:#ffefc7;border-color:var(--warning)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent;box-shadow:none}.btn-ghost:hover{background:var(--surface-elevated);color:var(--text)}a[class*=btn]:hover{text-decoration:none}a.btn-primary:hover{color:#fff}a.btn-secondary:hover{color:var(--text)}a.btn-danger:hover{color:var(--danger)}a.btn-warning:hover{color:#8a5a00}a.btn-ghost:hover{color:var(--text)}.btn-sm{padding:5px 12px;font-size:.8rem}.btn-lg{padding:10px 24px;font-size:1rem}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;font-family:inherit;padding:8px 12px;transition:border-color .15s,box-shadow .15s;outline:none}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:#cfc3ad}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-width:16px;padding:0;margin:0;border-radius:4px;flex:none;accent-color:var(--primary);cursor:pointer;vertical-align:middle;box-shadow:none}input[type=radio]{border-radius:50%}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:0 0 0 3px var(--primary-glow)}label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:5px;letter-spacing:.01em}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.card-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-running{background:var(--success-light);color:#2e7233;border:1px solid #C4E3BC}.badge-stopped{background:var(--surface-elevated);color:var(--text-muted);border:1px solid var(--border)}.badge-creating{background:var(--warning-light);color:#a36a00;border:1px solid #F7D9A0}.badge-queued{background:#eff4fb;color:#2c5fa3;border:1px solid #C5D8EF}.badge-error{background:var(--danger-light);color:var(--danger);border:1px solid #F0C4B8}.badge-destroyed{background:var(--surface-elevated);color:var(--text-faint);border:1px solid var(--border-light)}.badge-hibernated{background:#efeafa;color:#6d49c4;border:1px solid #D4C8F0}.badge-frozen{background:#e8f1fa;color:#2c5fa3;border:1px solid #B9D4ED}.badge-maintenance,.badge-warning{background:var(--warning-light);color:#8a5a00;border:1px solid #F5C879}.badge-admin{background:var(--primary-light);color:var(--primary-hover);border:1px solid #FFCBA8}.badge-user{background:var(--surface-elevated);color:var(--text-muted);border:1px solid var(--border)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.running{background:var(--success);animation:pulse 2s infinite}.status-dot.stopped{background:var(--text-faint)}.status-dot.creating{background:var(--warning);animation:pulse 1s infinite}.status-dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-error{font-size:.78rem;color:var(--danger);margin-top:3px}.form-hint{font-size:.78rem;color:var(--text-faint);margin-top:3px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-eyebrow{display:block;font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--primary);margin-bottom:6px}.page-title{font-family:var(--font-display);font-size:1.45rem;font-weight:600;letter-spacing:-.03em;color:var(--text);line-height:1.2}.page-title em{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.08em;color:var(--primary)}.page-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:3px}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.stat-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:8px}.stat-value{font-family:var(--font-display);font-size:1.9rem;font-weight:600;color:var(--text);line-height:1;letter-spacing:-.03em}.stat-sub{font-size:.78rem;color:var(--text-faint);margin-top:6px}.table-wrap{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th{background:var(--bg);padding:10px 16px;text-align:left;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-light)}td{padding:12px 16px;font-size:.875rem;border-bottom:1px solid var(--border-light);color:var(--text);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.empty-state{text-align:center;padding:56px 20px;color:var(--text-muted)}.empty-state .empty-icon{width:48px;height:48px;background:var(--surface-elevated);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--text-faint)}.empty-state h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:6px;color:var(--text)}.empty-state p{font-size:.85rem;color:var(--text-muted);margin-bottom:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17120e80;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.modal{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md);animation:modalIn .3s var(--ease-spring)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.modal-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.015em;color:var(--text)}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--surface-elevated);color:var(--text)}.code-block{background:#f4efe5;border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-family:var(--font-mono);font-size:.82rem;color:#2a231d;overflow-x:auto;position:relative;white-space:pre;word-break:break-all}.code-block .copy-btn{position:absolute;top:8px;right:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:3px 9px;font-size:.72rem;border-radius:var(--radius);cursor:pointer;transition:all .15s}.code-block .copy-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.notification-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notification{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;font-size:.85rem;min-width:280px;max-width:360px;display:flex;align-items:center;gap:10px;animation:slideIn .3s var(--ease-spring);box-shadow:var(--shadow-md);pointer-events:all;color:var(--text)}.notification-success{border-left:3px solid var(--success)}.notification-error{border-left:3px solid var(--danger)}.notification-warning{border-left:3px solid var(--warning)}.notification-info{border-left:3px solid var(--primary)}.notif-icon{flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.loading{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:.875rem}.alert-warning{background:var(--warning-light);border:1px solid #F5C879;color:#7a5000}.alert-error{background:var(--danger-light);border:1px solid #F0C4B8;color:var(--danger)}.alert-info{background:var(--primary-light);border:1px solid #FFCBA8;color:var(--primary-hover)}.alert-success{background:var(--success-light);border:1px solid #C4E3BC;color:#2e7233}.divider{border:none;border-top:1px solid var(--border-light);margin:16px 0}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.modal,.modal-overlay,.notification{animation:none}button:hover,.btn:hover,button:active,.btn:active{transform:none}}.storage-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:999px;background:var(--border);outline:none;cursor:pointer;transition:background .2s}.storage-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 1px 4px #17120e2e;cursor:pointer;transition:transform .15s,box-shadow .15s}.storage-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)}.storage-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 1px 4px #17120e2e;cursor:pointer}.storage-slider::-moz-range-track{height:6px;border-radius:999px;background:var(--border)}.storage-slider:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-spinner.svelte-1rzzd5y{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:none}.nav-spinner-wheel.svelte-1rzzd5y{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--primary);animation:svelte-1rzzd5y-nav-spin .6s linear infinite}@keyframes svelte-1rzzd5y-nav-spin{to{transform:rotate(360deg)}}