:root{--bg: #0f1115;--surface: #1a1d24;--border: #2a2e38;--text: #e6e8ec;--muted: #8b909c;--accent: #6c8cff;--danger: #e5484d;--ok: #30a46c;--warn: #f5a623;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.center{min-height:100vh;display:grid;place-items:center}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}button,.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}button.ghost,.button.ghost{background:transparent;color:var(--text);border-color:var(--border)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}input{font:inherit;width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.signin{width:min(360px,90vw);display:flex;flex-direction:column;gap:.75rem}.signin h1{margin:0}.dashboard{max-width:900px;margin:0 auto;padding:1.5rem}.app-header{max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem 0}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar-nav{display:flex;gap:.25rem;margin-top:.9rem;border-bottom:1px solid var(--border)}.topbar-nav a{padding:.5rem .9rem;color:var(--muted);text-decoration:none;font-size:.9rem;border-bottom:2px solid transparent;margin-bottom:-1px}.topbar-nav a:hover{color:var(--text)}.topbar-nav a.active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.topbar-actions{display:flex;gap:.6rem}.topbar-user{display:flex;align-items:center;gap:.75rem}.pod-list{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}.pod-card{display:flex;flex-direction:column;gap:.85rem}.pod-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.pod-head .badge{margin-left:auto}.pod-name{font-weight:600;font-size:1.05rem}.pod-actions{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}.pod-actions .danger{margin-left:auto}.newpod-card{display:flex;flex-direction:column;gap:.85rem;border-style:dashed}.newpod-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.newpod-fields label{display:flex;flex-direction:column;gap:.25rem}.newpod-notes{display:flex;flex-direction:column;gap:.35rem}.newpod-notes p{margin:0}select{font:inherit;width:100%;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums}select:disabled,input:disabled{opacity:.5}.pod-meta{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;align-content:start;margin:0;font-size:.9rem}.pod-meta>div{display:contents}.pod-meta dt{color:var(--muted)}.pod-meta dd{margin:0;font-variant-numeric:tabular-nums}.pod-body{display:grid;grid-template-columns:1fr 1fr}.pod-body>:first-child{padding-right:1.25rem}.pod-aside{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;text-align:right;padding-left:1.25rem;border-left:1px solid var(--border)}.pod-status-time{font-size:.95rem;font-variant-numeric:tabular-nums}.pod-status-cost{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.pod-status-hint{font-size:.8rem;color:var(--muted)}.pod-status-warning{margin-top:.35rem;font-size:.85rem;font-weight:600;color:var(--warn);font-variant-numeric:tabular-nums}.pod-status-warning-hint{font-size:.75rem;color:var(--muted)}@media(max-width:560px){.newpod-fields,.pod-body{grid-template-columns:1fr}.pod-body>:first-child{padding-right:0}.pod-aside{align-items:flex-start;text-align:left;padding-left:0;padding-top:.85rem;margin-top:.85rem;border-left:none;border-top:1px solid var(--border)}}.status-dots span:nth-child(2),.status-dots span:nth-child(3){opacity:0;animation:1.2s steps(1,end) infinite}.status-dots span:nth-child(2){animation-name:dot-2}.status-dots span:nth-child(3){animation-name:dot-3}@keyframes dot-2{0%{opacity:0}33.34%,to{opacity:1}}@keyframes dot-3{0%{opacity:0}66.67%,to{opacity:1}}@media(prefers-reduced-motion:reduce){.status-dots span{animation:none;opacity:1}}.badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.status-running{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 14%,transparent)}.status-starting,.status-stopping{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 14%,transparent)}.status-error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 14%,transparent)}.status-stopped{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.inactive-pods{margin-top:1rem}.inactive-pods summary{cursor:pointer;color:var(--muted);font-size:.9rem;padding:.5rem 0;list-style:none}.inactive-pods summary::-webkit-details-marker{display:none}.inactive-pods summary:before{content:"▸";display:inline-block;margin-right:.4rem;transition:transform .15s ease}.inactive-pods[open] summary:before{transform:rotate(90deg)}.inactive-pods .pod-list{margin-top:.6rem}.admin-page{max-width:1100px}.admin-page section.card{margin-top:1rem}.admin-page h2{font-size:.95rem;margin:0 0 .85rem}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.stat-card{display:flex;flex-direction:column;gap:.35rem}.stat-value{font-size:1.7rem;font-variant-numeric:tabular-nums}.snapshot-note{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.85rem 0 0}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.data-table th,.data-table td{text-align:left;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--border)}.data-table th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr:last-child td{border-bottom:none}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;padding-right:0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem}@media(max-width:560px){.stat-row{grid-template-columns:1fr}.pagination{flex-wrap:wrap;justify-content:center}}