:root{--red-50:#fef2f2;--red-100:#fde4e4;--red-200:#fbcdcd;--red-300:#f7a8a8;--red-400:#f07575;--red-500:#e04a4a;--red-600:#d93838;--red-700:#b52a2a;--red-800:#952626;--red-900:#7c2525;--red-950:#430f0f;--neutral-0:#fff;--neutral-50:#faf9f8;--neutral-100:#f4f2f0;--neutral-200:#e8e5e2;--neutral-300:#d6d2ce;--neutral-400:#a8a29d;--neutral-500:#7c7570;--neutral-600:#5c5651;--neutral-700:#45403c;--neutral-800:#2e2a27;--neutral-900:#1c1917;--neutral-950:#110f0e;--green-50:#ecfdf3;--green-100:#d1fadf;--green-200:#a6f4c5;--green-400:#32d583;--green-500:#12b76a;--green-600:#0e7f40;--green-700:#0a6132;--green-900:#052e16;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-900:#78350f;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-900:#1e3a8a;--teal-50:#eff8f9;--teal-100:#d3edf0;--teal-200:#a8dbe1;--teal-300:#6fc0ca;--teal-400:#3a9fac;--teal-500:#1b8491;--teal-600:#0b6b76;--teal-700:#08555e;--teal-800:#07454c;--teal-900:#052f34;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--surface-sunken:var(--neutral-200);--surface-page:var(--neutral-100);--surface-raised:var(--neutral-0);--surface-stripe:var(--neutral-50);--surface-row-hover:var(--neutral-100);--surface-selected:var(--teal-50);--surface-overlay:var(--neutral-0);--surface-inverse:var(--neutral-900);--surface-hover:var(--neutral-100);--surface-active:var(--neutral-200);--surface-disabled:var(--neutral-100);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--text-muted:var(--neutral-600);--text-disabled:var(--neutral-400);--text-inverse:var(--neutral-0);--text-link:var(--teal-700);--text-link-hover:var(--teal-800);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-strong:var(--neutral-400);--border-inverse:#ffffff24;--accent:var(--teal-600);--accent-hover:var(--teal-700);--accent-active:var(--teal-800);--accent-fg:var(--neutral-0);--accent-subtle:var(--teal-50);--accent-subtle-fg:var(--teal-800);--accent-border:var(--teal-200);--success:var(--green-600);--success-fg:var(--neutral-0);--success-subtle:var(--green-50);--success-subtle-fg:var(--green-700);--success-border:var(--green-200);--warning:var(--amber-600);--warning-fg:var(--neutral-0);--warning-subtle:var(--amber-50);--warning-subtle-fg:var(--amber-700);--warning-border:var(--amber-200);--danger:var(--red-800);--danger-fg:var(--neutral-0);--danger-subtle:var(--red-50);--danger-subtle-fg:var(--red-900);--danger-border:var(--red-200);--info:var(--blue-600);--info-fg:var(--neutral-0);--info-subtle:var(--blue-50);--info-subtle-fg:var(--blue-700);--info-border:var(--blue-200);--external:var(--violet-600);--external-subtle:var(--violet-50);--external-subtle-fg:var(--violet-700);--external-border:var(--violet-200);--nav-surface:var(--neutral-900);--nav-text:var(--neutral-300);--nav-text-strong:var(--neutral-0);--nav-hover:#ffffff14;--nav-active:var(--teal-300);--nav-active-fg:var(--neutral-950);--nav-group-label:var(--neutral-400);--nav-border:#ffffff1a;--shadow-xs:0 1px 2px #1c191710;--shadow-sm:0 1px 3px #1c191714, 0 1px 2px #1c19170f;--shadow-md:0 4px 12px #1c191714, 0 2px 4px #1c19170d;--shadow-lg:0 12px 28px #1c19171f, 0 4px 10px #1c191714;--shadow-xl:0 24px 56px #1c191726, 0 8px 20px #1c191717;--focus-ring-color:var(--teal-600);--focus-ring-width:2px;--focus-ring-offset:2px;--font-sans:Inter, "Segoe UI", system-ui, Arial, sans-serif;--font-display:var(--font-sans);--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.011em;--tracking-normal:0;--tracking-wide:.02em;--tracking-caps:.08em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--control-height-touch:56px;--control-height-hero:72px;--control-padding-sm:0 var(--space-3);--control-padding-md:0 var(--space-4);--control-padding-lg:0 var(--space-5);--rail-width:232px;--topbar-height:44px;--rail-width-collapsed:64px;--content-max:1600px;--reading-max:68ch;--duration-instant:80ms;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.36s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--z-base:0;--z-sticky:100;--z-rail:200;--z-overlay:300;--z-modal:400;--z-toast:500}@font-face{font-family:Inter;src:url(/fonts/inter/inter-latin-wght-normal.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Inter;src:url(/fonts/inter/inter-latin-ext-wght-normal.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+100-24F,U+259,U+1E??,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}:root{--control-h:36px;--rail-bg:linear-gradient(180deg, #1f2a2c 0%, #111819 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--surface-page);color:var(--text-primary);font:var(--weight-normal) var(--text-base) / var(--leading-normal) var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}h1,h2,h3{letter-spacing:var(--tracking-tight);margin:0}h3{font-size:var(--text-md);margin:var(--space-5) 0 var(--space-2)}h3:first-child{margin-top:0}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.muted{color:var(--text-muted)}.shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);min-height:100vh;display:grid}.rail{background:var(--rail-bg);height:100vh;color:var(--nav-text);z-index:var(--z-rail);flex-direction:column;display:flex;position:sticky;top:0}.rail-brand{align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--nav-border);color:var(--nav-text-strong);font-weight:var(--weight-semibold);display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--teal-600);color:#fff;place-items:center;width:28px;height:28px;display:grid}.shell .rail-close{color:var(--nav-text);margin-left:auto;display:none}.rail-nav{padding:var(--space-3) var(--space-2);flex-direction:column;gap:2px;display:flex}.rail-group{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--nav-group-label)}.rail-item{align-items:center;gap:var(--space-3);height:38px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--nav-text);font-weight:var(--weight-medium);display:flex;position:relative}.rail-item:hover{background:var(--nav-hover);color:var(--nav-text-strong);text-decoration:none}.rail-item.is-current{color:var(--nav-text-strong);background:#ffffff12}.rail-item.is-current:before{content:"";background:var(--nav-active);width:3px;box-shadow:0 0 10px var(--nav-active);border-radius:3px;position:absolute;top:8px;bottom:8px;left:-8px}.rail-badge{border-radius:var(--radius-full);background:var(--red-700);color:#fff;min-width:20px;font-size:var(--text-2xs);text-align:center;margin-left:auto;padding:0 6px;line-height:20px}.rail-foot{padding:var(--space-3) var(--space-5);font-size:var(--text-2xs);color:var(--nav-group-label);margin-top:auto}.rail-scrim{display:none}.workspace{flex-direction:column;min-width:0;display:flex}.appbar{z-index:var(--z-sticky);align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-6);background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.appbar-title{font-weight:var(--weight-semibold);color:var(--text-secondary)}.appbar-spacer{flex:1}.appbar-user{font-size:var(--text-sm);color:var(--text-muted)}.appbar-alerts{height:30px;padding:0 var(--space-2);border-radius:var(--radius-full);color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.appbar-alerts.has-alerts{background:var(--danger-subtle);color:var(--danger-subtle-fg);font-weight:var(--weight-semibold)}.shell .menu-btn{display:none}.content{width:100%;max-width:var(--content-max);padding:var(--space-5) var(--space-6) var(--space-10);gap:var(--space-4);flex-direction:column;display:flex}.page-title{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title-main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.page-icon{border-radius:var(--radius-lg);background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);flex:none;place-items:center;display:grid}.page-title h1{align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);flex-wrap:wrap;display:flex}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:2px 0 0}.back-link{font-size:var(--text-sm)}.count-pill{border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:0 8px;line-height:20px}.page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.month{text-align:center;min-width:130px;font-weight:var(--weight-semibold)}.units-note{margin:calc(var(--space-2) * -1) 0 0;font-size:var(--text-sm)}.kpis{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:inherit;display:flex}.kpi-link:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}.kpi-icon{border-radius:var(--radius-md);flex:none;place-items:center;width:36px;height:36px;display:grid}.kpi-text{flex-direction:column;min-width:0;display:flex}.kpi-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.1}.kpi-label{font-size:var(--text-sm);color:var(--text-secondary)}.kpi-note{font-size:var(--text-xs);color:var(--text-muted)}.tone-success{background:var(--success-subtle);color:var(--success-subtle-fg)}.tone-warning{background:var(--warning-subtle);color:var(--warning-subtle-fg)}.tone-danger{background:var(--danger-subtle);color:var(--danger-subtle-fg)}.tone-info{background:var(--info-subtle);color:var(--info-subtle-fg)}.tone-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.card-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.card-head h2{font-size:var(--text-md);font-weight:var(--weight-semibold)}.card-head.inline-head{padding:0 0 var(--space-2);border:0;min-height:0}.card-actions{gap:var(--space-2);font-size:var(--text-sm);display:flex}.card-body{padding:var(--space-4)}.card-flush>.card-body{padding:0}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tab-grid{gap:var(--space-8)}.tab-body{padding:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.btn:has(>svg:only-child){width:var(--control-h);padding:0}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-busy]{cursor:progress}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-quiet{color:var(--text-secondary);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--surface-raised);border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-subtle)}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-hover)}.icon-btn:disabled{opacity:.4;cursor:default}.link-btn{color:var(--text-link);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}input:not([type=checkbox]),select{width:100%;height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);font:inherit}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.check{align-items:center;gap:var(--space-2);height:var(--control-h);font-size:var(--text-sm);white-space:nowrap;display:inline-flex}.form-grid{column-gap:var(--space-4);row-gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto auto auto;display:grid}.field{grid-row:span 3;grid-template-rows:subgrid;gap:var(--space-1);min-width:0;display:grid}.modal-body>.field{margin-bottom:var(--space-3);grid-template-rows:auto auto auto}.field-wide{grid-column:1/-1}.field-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.field-hint{min-height:1.2em;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.pill{height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;vertical-align:middle;border:1px solid #0000;align-items:center;display:inline-flex}.pill-success{background:var(--success-subtle);color:var(--success-subtle-fg);border-color:var(--success-border)}.pill-warning{background:var(--warning-subtle);color:var(--warning-subtle-fg);border-color:var(--warning-border)}.pill-danger{background:var(--danger-subtle);color:var(--danger-subtle-fg);border-color:var(--danger-border)}.pill-info{background:var(--info-subtle);color:var(--info-subtle-fg);border-color:var(--info-border)}.pill-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.page-title h1 .pill{font-size:var(--text-sm);height:26px}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid}.modal-body .notice{margin-bottom:var(--space-3)}.notice-info{background:var(--info-subtle);border-color:var(--info-border);color:var(--info-subtle-fg)}.notice-warning{background:var(--warning-subtle);border-color:var(--warning-border);color:var(--warning-subtle-fg)}.notice-danger{background:var(--danger-subtle);border-color:var(--danger-border);color:var(--danger-subtle-fg)}.notice-success{background:var(--success-subtle);border-color:var(--success-border);color:var(--success-subtle-fg)}.loading{color:var(--text-muted);padding:var(--space-6)}.empty{align-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-title{margin:var(--space-1) 0 0;font-weight:var(--weight-semibold);color:var(--text-secondary)}.empty-text{font-size:var(--text-sm);max-width:46ch}.meter{border-radius:var(--radius-full);background:var(--surface-sunken);height:6px;margin-top:4px;display:block;overflow:hidden}.meter-fill{border-radius:inherit;height:100%;display:block}.meter-fill.tone-success{background:var(--success)}.meter-fill.tone-warning{background:var(--warning)}.meter-fill.tone-danger{background:var(--danger)}.meter-fill.tone-neutral{background:var(--border-strong)}.tabs{gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;border-bottom:1px solid var(--border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.tab{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-3);color:var(--text-secondary);font-weight:var(--weight-medium);font-size:var(--text-sm);white-space:nowrap;border-bottom:2px solid #0000;display:inline-flex}.tab:hover{color:var(--text-primary);text-decoration:none}.tab.is-current{color:var(--accent-subtle-fg);border-bottom-color:var(--accent);font-weight:var(--weight-semibold)}.tab-count{border-radius:var(--radius-full);background:var(--surface-sunken);font-size:var(--text-2xs);padding:0 6px;line-height:18px}.toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.tab-body>.toolbar{padding:0 0 var(--space-3);border:0}.search{flex:240px;align-items:center;display:flex;position:relative}.search svg{color:var(--text-muted);position:absolute;left:10px}.search:has(svg) input{padding-left:34px}.toolbar-count{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;margin-left:auto}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{height:34px;padding:0 var(--space-3);text-align:left;font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);background:var(--surface-stripe);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.th-sort{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort:hover{color:var(--text-primary)}.table td{height:40px;padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr:nth-child(2n) td{background:var(--surface-stripe)}.table tbody tr.row-link{cursor:pointer}.table tbody tr.row-link:hover td{background:var(--surface-row-hover)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table th:first-child,.table td:first-child{padding-left:var(--space-4)}.table-empty{padding:var(--space-2)}.pager{justify-content:flex-end;align-items:center;gap:var(--space-1);height:40px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--text-muted);display:flex}.bar-col{width:18%}.bar{border-radius:var(--radius-full);background:var(--teal-400);min-width:2px;height:8px;display:block}.usage-totals{gap:var(--space-2) var(--space-6);margin:var(--space-3) 0 var(--space-4);flex-wrap:wrap;display:flex}.usage-totals strong{font-size:var(--text-xl);font-variant-numeric:tabular-nums}.alert-list,.agent-list,.channel-list,.timeline{margin:0;padding:0;list-style:none}.alert-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.tab-body .alert-row{padding-left:0;padding-right:0}.alert-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert-time{white-space:nowrap;font-size:var(--text-xs)}.agent-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);color:inherit;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.agent-row:hover{background:var(--surface-row-hover);color:inherit;text-decoration:none}.agent-row-name{flex-direction:column;min-width:0;display:flex}.agent-row-name .muted,.agent-row-figs{font-size:var(--text-xs)}.facts{gap:var(--space-2) var(--space-3);font-size:var(--text-sm);grid-template-columns:130px minmax(0,1fr);margin:0;display:grid}.facts dt{color:var(--text-muted)}.facts dd{overflow-wrap:anywhere;margin:0}.channel-list li{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);display:flex}.channel-name{min-width:90px;font-weight:var(--weight-semibold)}.error-box{padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-subtle);max-height:220px;color:var(--danger-subtle-fg);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.timeline li{padding:var(--space-1) 0 var(--space-1) var(--space-4);border-left:2px solid var(--border-subtle);font-size:var(--text-sm)}.resource-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.resource{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.resource-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.resource-value{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.resource-value .muted{font-size:var(--text-sm);font-weight:var(--weight-normal)}.host-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.host-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.host-head .btn{margin-left:auto}.host-figs{gap:var(--space-2) var(--space-3);font-size:var(--text-sm);grid-template-columns:80px minmax(0,1fr);margin:0;display:grid}.host-figs dt{color:var(--text-muted)}.host-figs dd{margin:0}.copy-row{gap:var(--space-2);align-items:stretch;display:flex}.copy-text{min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1}.log{height:min(62vh,640px);padding:var(--space-2) 0;border-radius:var(--radius-md);color:#d6dcdc;font-family:var(--font-mono);font-size:var(--text-xs);background:#121819;line-height:1.55;overflow:auto}.log-line{gap:var(--space-3);padding:0 var(--space-3);grid-template-columns:70px minmax(0,1fr);display:grid}.log-line:hover{background:#ffffff0a}.log-time{color:#7f8b8c}.log-msg{white-space:pre-wrap;overflow-wrap:anywhere}.lv-err .log-msg{color:#ff9b9b}.lv-warn .log-msg{color:#f6c86b}.lv-debug .log-msg{color:#8e9a9b}.log-older{margin:0 var(--space-3) var(--space-2);color:var(--teal-300);display:block}.modal{border-radius:var(--radius-xl);width:min(560px,100vw - 32px);box-shadow:var(--shadow-xl);color:var(--text-primary);border:0;padding:0}.modal-wide{width:min(760px,100vw - 32px)}.modal::backdrop{background:#0f1416a0}.modal-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:var(--text-lg)}.modal-body{padding:var(--space-4) var(--space-5);max-height:70vh;overflow:auto}.modal-body>p{margin-top:0}.modal-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-stripe);display:flex}.release ul{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toasts{right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;max-width:min(440px,100vw - 32px);display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-inverse);color:var(--text-inverse);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.toast-danger{background:var(--red-800)}.toast-warning{background:var(--amber-700)}.sign-in-problem{max-width:560px;padding:var(--space-6)}@media (width<=1100px){.grid-2{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){:root{--control-h:44px}.shell{grid-template-columns:minmax(0,1fr)}.rail{width:min(280px,82vw);transition:transform var(--duration-base) var(--ease-out);position:fixed;top:0;left:0;transform:translate(-100%)}.menu-open .rail{transform:none}.menu-open .rail-scrim{z-index:calc(var(--z-rail) - 1);background:#0f141680;display:block;position:fixed;inset:0}.shell .rail-close,.shell .menu-btn{display:inline-grid}.tab,.appbar{padding:0 var(--space-2)}.appbar-user{display:none}.content{padding:var(--space-4) var(--space-4) var(--space-10)}.page-title h1{font-size:var(--text-xl)}.page-icon{width:38px;height:38px}.page-actions{width:100%}.page-actions .btn-primary{flex:1}.kpis{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:var(--space-2) var(--space-3)}.kpi-icon{display:none}.kpi-value{font-size:var(--text-xl)}.form-grid,.host-grid{grid-template-columns:minmax(0,1fr)}.agent-row{grid-template-columns:minmax(0,1fr) auto}.agent-row-figs{display:none}.alert-row{grid-template-columns:auto minmax(0,1fr)}.alert-time{display:none}.facts{grid-template-columns:110px minmax(0,1fr)}.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle)}.table tbody tr:nth-child(2n) td{background:0 0}.table td{justify-content:space-between;gap:var(--space-3);text-align:right;border:0;height:auto;display:flex;padding:2px 0!important}.table td:before{content:attr(data-label);color:var(--text-muted);text-align:left}.table td:first-child{font-size:var(--text-base)}.table td:first-child:before{content:none}.table td.bar-col{display:none}.log-line{grid-template-columns:minmax(0,1fr);gap:0}.toasts{left:var(--space-4);right:var(--space-4)}}