:root{color-scheme:light;--surface-0: #f4f4f2;--surface-1: #fcfcfb;--surface-2: #f0efec;--border: #e2e1dc;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7a7974;--grid: #e8e7e3;--series-1: #2a78d6;--series-1-hover: #1c5cab;--link: #256abf;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--surface-2: #232321;--border: #2e2e2b;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--grid: #2a2a27;--series-1: #3987e5;--series-1-hover: #6da7ec;--link: #6da7ec}}:root[data-theme=dark]{color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--surface-2: #232321;--border: #2e2e2b;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--grid: #2a2a27;--series-1: #3987e5;--series-1-hover: #6da7ec;--link: #6da7ec}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--text-primary);font:14px/1.45 var(--font)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:12.5px}.shell{display:grid;grid-template-columns:200px 1fr;min-height:100vh}.nav{background:var(--surface-1);border-right:1px solid var(--border);padding:16px 12px;position:sticky;top:0;height:100vh}.nav h1{font-size:15px;margin:4px 8px 16px}.nav a{display:block;padding:6px 8px;border-radius:6px;color:var(--text-secondary)}.nav a.active{background:var(--surface-2);color:var(--text-primary);font-weight:600;text-decoration:none}.nav .foot{position:absolute;bottom:16px;left:12px;right:12px;font-size:12px;color:var(--text-muted)}.nav button{font:inherit;font-size:12px;background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:3px 8px;cursor:pointer}main{padding:24px 28px;max-width:1280px;width:100%;min-width:0}main h2{font-size:20px;margin:0 0 4px}.sub{color:var(--text-secondary);margin:0 0 20px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.tile .label{color:var(--text-secondary);font-size:12.5px}.tile .value{font-size:26px;font-weight:650;margin-top:2px;font-variant-numeric:tabular-nums}.tile .note{color:var(--text-muted);font-size:12px;margin-top:2px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:12px;min-width:0}.card h3{font-size:14px;margin:0 0 10px}.card .hint{color:var(--text-muted);font-size:12px;font-weight:400;margin-left:6px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-secondary);font-weight:600;font-size:12px;border-bottom:1px solid var(--border);padding:6px 8px;white-space:nowrap}td{border-bottom:1px solid var(--border);padding:6px 8px;vertical-align:top}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}.empty{color:var(--text-muted);padding:12px 0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters input,.filters select{font:inherit;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:5px 8px}.filters input{min-width:260px}.pill{display:inline-block;font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-secondary);white-space:nowrap}.status{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;white-space:nowrap}.status .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.btn{font:inherit;font-size:12px;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:2px 8px;cursor:pointer}.btn:hover{border-color:var(--text-muted)}.kv{display:grid;grid-template-columns:160px 1fr;gap:4px 12px;font-size:13px}.kv dt{color:var(--text-secondary)}.kv dd{margin:0;word-break:break-word}.err{color:var(--critical)}.page-heading,.operation-link{display:flex;justify-content:space-between;gap:16px;align-items:center}.operation-link p{margin:3px 0 0;color:var(--text-secondary)}.page-heading>button{flex-shrink:0}.page-heading h3{margin:0}.btn{display:inline-block;padding:6px 10px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--series-1);color:#fff;border-color:var(--series-1)}.btn.danger{color:var(--critical);border-color:var(--critical)}.btn.selected{border-color:var(--series-1);color:var(--link)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.job-actions{min-width:210px}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.tabs .btn{padding:8px 14px}.muted,.live-note{color:var(--text-muted);font-size:12px}.live-note{margin:-8px 0 18px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.live-dot.good{background:var(--good)}.live-dot.bad{background:var(--critical)}.good-text{color:var(--good)}.running{color:var(--link);font-size:12px}.pill.paused{color:var(--serious)}.feedback{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1)}.setup-grid h3{margin:10px 0;font-size:16px}.setup-grid p,.service-card p,.confirm p,.unlock p{color:var(--text-secondary)}.setup-grid .card{display:flex;flex-direction:column;align-items:flex-start}.setup-grid .card p{flex:1}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}.service-card{margin:0;display:flex;flex-direction:column}.service-card p{flex:1}.service-card .actions{justify-content:space-between}.service-card .page-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.issue{border-bottom:1px solid var(--border);padding:12px 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.issue:last-child{border-bottom:0}.issue p{flex-basis:100%;margin:0;color:var(--text-secondary);overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.table-scroll table{min-width:760px}.table-scroll td{padding:14px 8px}details summary{cursor:pointer;color:var(--text-secondary);font-size:12px}details{margin-top:6px}pre{background:var(--surface-2);border-radius:6px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 var(--mono);max-height:340px;overflow-y:auto}.action-entry{padding:12px 0;border-top:1px solid var(--border)}.action-entry summary{font-size:13px}.action-entry summary>*{margin-right:6px}.unlock{max-width:570px;margin-top:20px}.unlock label{display:block;margin-bottom:5px;font-size:12px}.unlock input{font:inherit;min-width:0;flex:1;color:var(--text-primary);background:var(--surface-0);border:1px solid var(--border);padding:7px 10px;border-radius:6px}.confirm{max-width:min(560px,calc(100vw - 32px));color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 16px 80px #0004}.confirm::backdrop{background:#0007}.confirm h3{margin-top:0;overflow-wrap:anywhere}.confirm .actions{justify-content:flex-end;margin-top:24px}.chart{position:relative}.chart svg{display:block;width:100%;overflow:visible}.chart .axis{fill:var(--text-muted);font-size:11px}.chart .gridline{stroke:var(--grid);stroke-width:1}.chart .bar{fill:var(--series-1)}.chart .bar.hover{fill:var(--series-1-hover)}.tooltip{position:absolute;pointer-events:none;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:6px 9px;font-size:12px;box-shadow:0 4px 14px #0000001f;white-space:nowrap;z-index:5}.tooltip b{font-variant-numeric:tabular-nums}.hbar{display:grid;grid-template-columns:minmax(110px,38%) 1fr 74px;align-items:center;gap:8px;padding:3px 0;font-size:12.5px}.hbar .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.hbar .track{height:12px}.hbar .fill{height:12px;background:var(--series-1);border-radius:0 4px 4px 0;min-width:2px}.hbar:hover .fill{background:var(--series-1-hover)}.hbar .v{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 860px){.shell{grid-template-columns:1fr}.nav{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.nav h1{margin:0 8px 0 0}.nav .foot{position:static;margin-left:auto}.grid2{grid-template-columns:1fr}main{padding:16px}.filters input{min-width:0;width:100%}}