:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-strong: #f0f3f6;--text: #16202a;--muted: #637083;--line: #dfe5ec;--accent: #238553;--accent-strong: #176b41;--warning: #b7791f;--danger: #c24141;--info: #2563a8;--shadow: 0 12px 28px rgba(22, 32, 42, .08)}:root[data-theme=dark]{color-scheme:dark;--bg: #101419;--surface: #171d24;--surface-strong: #202832;--text: #edf2f7;--muted: #9aa7b7;--line: #2d3744;--accent: #48b071;--accent-strong: #62c98b;--warning: #d69a36;--danger: #f16f6f;--info: #74a7e8;--shadow: 0 16px 34px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.brand-lockup,.topbar-actions,.status-main,.hero-metrics,.action-strip,.tabs,.panel-heading,.modal-actions{display:flex;align-items:center}.brand-lockup{gap:13px;min-width:0}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#1f7a4b,#3c8f72);flex:0 0 auto}.eyebrow{margin:0 0 3px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.35rem,2vw,1.95rem);line-height:1.15}h2{margin-bottom:8px;font-size:clamp(2.3rem,6vw,4.8rem);line-height:.95}h3{margin-bottom:16px;font-size:1rem}h4{margin-bottom:3px;font-size:.95rem}.topbar-actions{gap:10px}.icon-button,.theme-switch{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:8px}.theme-switch{position:relative;gap:7px;height:40px;padding:0 10px;border-radius:999px}.theme-switch input{position:absolute;opacity:0;pointer-events:none}.theme-switch span{width:38px;height:22px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--line)}.theme-switch span:after{content:"";display:block;width:16px;height:16px;margin:2px;border-radius:999px;background:var(--accent);transition:transform .14s ease}.theme-switch input:checked+span:after{transform:translate(16px)}.banner{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.banner-error{color:var(--danger)}.banner-warn{color:var(--warning)}.status-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px;align-items:stretch;margin-top:16px;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.status-main{gap:18px;min-width:0}.status-orb{display:grid;place-items:center;width:74px;height:74px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-strong);flex:0 0 auto}.status-running .status-orb,.status-idle .status-orb{color:var(--accent-strong)}.status-starting .status-orb,.status-unknown .status-orb{color:var(--info)}.status-error .status-orb,.status-stopped .status-orb{color:var(--danger)}.status-reason{margin-bottom:0;max-width:58ch;color:var(--muted);line-height:1.5}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-metric{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.mini-metric svg{color:var(--accent)}.mini-metric span,.metric span,.fact dt,.subtle,.muted{color:var(--muted)}.mini-metric span,.metric span,.fact dt{display:block;margin-top:8px;font-size:.78rem;font-weight:700;text-transform:uppercase}.mini-metric strong,.metric strong{display:block;margin-top:4px;overflow-wrap:anywhere;font-size:1.04rem}.action-strip{flex-wrap:wrap;gap:10px;margin:18px 0}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line));border-radius:8px;background:var(--accent);color:#fff;font-weight:700}.action-button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.action-button.danger{border-color:color-mix(in srgb,var(--danger) 60%,var(--line));background:var(--danger);color:#fff}.tabs{gap:6px;margin-bottom:18px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow-x:auto}.tabs button,.segmented button{border:0;border-radius:7px;color:var(--muted);background:transparent}.tabs button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;white-space:nowrap}.tabs button.active,.segmented button.active{background:var(--surface-strong);color:var(--text)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.single-column{display:block}.panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);min-width:0}.metrics-panel{grid-column:1 / -1}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{min-height:128px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.metric svg{color:var(--accent)}.metric small{display:block;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.facts{display:grid;gap:12px;margin:0}.fact{display:grid;grid-template-columns:minmax(110px,.36fr) minmax(0,1fr);gap:12px;align-items:start}.fact dt{margin-top:0;display:inline-flex;align-items:center;gap:6px}.fact dd{margin:0;overflow-wrap:anywhere}.command-list,.backup-grid{display:grid;gap:10px}.command-row{display:grid;grid-template-columns:auto minmax(90px,1fr) minmax(80px,auto) minmax(70px,auto);gap:10px;align-items:center;min-height:38px;color:var(--muted)}.command-type{color:var(--text);font-weight:700}.command-dot{width:9px;height:9px;border-radius:999px;background:var(--muted)}.command-succeeded{background:var(--accent)}.command-failed,.command-expired,.command-rejected{background:var(--danger)}.command-running,.command-queued{background:var(--info)}.panel-heading{justify-content:space-between;gap:14px;margin-bottom:16px}.panel-heading h3{margin-bottom:0}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);overflow-x:auto}.segmented button{min-height:30px;padding:0 9px;white-space:nowrap}.log-view{display:grid;max-height:min(62vh,680px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:#0b1117}.log-line{display:grid;grid-template-columns:82px 64px minmax(0,1fr);gap:10px;align-items:start;min-height:32px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#d9e2ec;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.83rem}.log-line time{color:#8da0b4}.log-line span{color:#a8bbce;text-transform:uppercase}.log-line p{margin-bottom:0;overflow-wrap:anywhere;white-space:pre-wrap}.log-error span,.log-error p{color:#ff9a9a}.log-warn span,.log-warn p{color:#f7c46c}.log-join span,.log-ready span{color:#83d89c}.log-leave span,.log-pause span{color:#8bb8f1}.backup-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.backup-item p{margin-bottom:0;color:var(--muted)}.backup-item h4{overflow-wrap:anywhere}.backup-item span{color:var(--muted);white-space:nowrap}.empty-state{display:grid;place-items:center;min-height:360px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center}.empty-state h2{margin:14px 0 8px;font-size:1.4rem}.empty-state p{margin-bottom:0;color:var(--muted)}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;gap:10px;width:min(360px,calc(100vw - 36px))}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);text-align:left}.toast-success{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.toast-error{border-color:color-mix(in srgb,var(--danger) 50%,var(--line))}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#04080c8f}.modal{width:min(420px,100%);padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:8px;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.modal p{color:var(--muted)}.modal-actions{justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.app-shell{width:min(100vw - 22px,720px);padding-top:14px}.topbar{align-items:flex-start}.status-hero,.content-grid,.metric-grid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fact{grid-template-columns:1fr;gap:4px}}@media(max-width:560px){.topbar{flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.status-main{align-items:flex-start}.status-orb{width:58px;height:58px}.hero-metrics{grid-template-columns:1fr}.action-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.action-button{min-width:0;padding:0 10px}.action-button span,.tabs span{overflow:hidden;text-overflow:ellipsis}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.tabs button{justify-content:center;min-width:0}.panel{padding:14px}.panel-heading{align-items:flex-start;flex-direction:column}.log-line{grid-template-columns:66px 52px minmax(0,1fr);font-size:.76rem}.backup-item{grid-template-columns:auto minmax(0,1fr)}.backup-item span{grid-column:2;white-space:normal}}