:root{--indigo-50:#f0f1fe;--indigo-100:#e2e4fd;--indigo-200:#c7cafb;--indigo-300:#a4a6f6;--indigo-400:#8585ef;--indigo-500:#6a66e6;--indigo-600:#564fd4;--indigo-700:#4640b0;--indigo-800:#393688;--indigo-900:#2c2a63;--violet-300:#c9b6fc;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7a40ec;--violet-700:#6a2dd6;--slate-0:#fff;--slate-50:#f7f8fc;--slate-100:#eff1f7;--slate-200:#e2e5ef;--slate-300:#cbd0de;--slate-400:#9aa1b6;--slate-500:#6b7288;--slate-600:#4c5267;--slate-700:#363b4d;--slate-800:#232838;--slate-900:#161a27;--slate-950:#0d0f18;--green-100:#d6f5e6;--green-400:#34d399;--green-500:#10b981;--green-600:#059669;--amber-100:#fcefcf;--amber-400:#fbbf52;--amber-500:#f59e0b;--amber-600:#d97d06;--red-100:#fbddde;--red-400:#f4767b;--red-500:#e5484d;--red-600:#c93338;--cyan-100:#cff1fa;--cyan-400:#38c6e8;--cyan-500:#06abd4;--cyan-600:#088cae;--bg:#f7f8fc;--surface:#fff;--surface-2:#eff1f7;--surface-sunken:#eff1f7;--border:#e2e5ef;--border-strong:#cbd0de;--text:#161a27;--text-muted:#6b7288;--text-subtle:#9aa1b6;--text-inverse:#fff;--primary:#6a66e6;--primary-hover:#564fd4;--primary-press:#4640b0;--primary-soft:#f0f1fe;--primary-fg:#fff;--accent:#8b5cf6;--accent-soft:#f1ebfe;--focus-ring:#6a66e673;--success:#059669;--success-bg:#d6f5e6;--warning:#d97d06;--warning-bg:#fcefcf;--danger:#c93338;--danger-bg:#fbddde;--info:#088cae;--info-bg:#cff1fa;--grad-brand:linear-gradient(135deg,#6a66e6 0%,#8b5cf6 100%);--grad-brand-soft:linear-gradient(135deg,#f0f1fe 0%,#f1ebfe 100%);--status-clean:#10b981;--status-blocked:#e5484d;--status-degraded:#f59e0b;--status-logged:#06abd4;--status-offline:#9aa1b6;--font-display:"Sora",system-ui,sans-serif;--font-sans:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-caps:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:6rem;--card-pad:var(--space-5);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;--shadow-xs:0 1px 2px #161a270f;--shadow-sm:0 1px 3px #161a2714,0 1px 2px #161a270a;--shadow-md:0 4px 12px #161a2714,0 2px 4px #161a270d;--shadow-lg:0 12px 28px #161a271f,0 4px 8px #161a270f;--shadow-xl:0 24px 56px #161a2729;--glow-primary:0 6px 20px #6a66e659;--glow-accent:0 6px 20px #8b5cf652;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s}[data-theme=dark]{--bg:#0d0f18;--surface:#161a27;--surface-2:#232838;--surface-sunken:#0a0c14;--border:#262b3b;--border-strong:#363b4d;--text:#edeff6;--text-muted:#9aa1b6;--text-subtle:#6b7288;--text-inverse:#161a27;--primary:#8585ef;--primary-hover:#a4a6f6;--primary-press:#6a66e6;--primary-soft:#1e2138;--primary-fg:#0d0f18;--accent:#a78bfa;--accent-soft:#241c42;--focus-ring:#8585ef8c;--success:#34d399;--success-bg:#0e2c24;--warning:#fbbf52;--warning-bg:#2e2410;--danger:#f4767b;--danger-bg:#2e1518;--info:#38c6e8;--info-bg:#0a2730;--grad-brand:linear-gradient(135deg,#8585ef 0%,#a78bfa 100%);--grad-brand-soft:linear-gradient(135deg,#1e2138 0%,#241c42 100%);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073,0 1px 2px #0000004d;--shadow-md:0 4px 14px #00000080,0 2px 4px #00000059;--shadow-lg:0 14px 34px #0000008c,0 4px 8px #0006;--shadow-xl:0 28px 64px #0009;--glow-primary:0 6px 24px #8485ef66;--glow-accent:0 6px 24px #a78bfa61;--status-clean:#34d399;--status-blocked:#f4767b;--status-degraded:#fbbf52;--status-logged:#38c6e8;--status-offline:#6b7288}@keyframes rv-ping{0%{opacity:.4;transform:scale(1)}75%,to{opacity:0;transform:scale(2.4)}}@keyframes nw-spin{to{transform:rotate(360deg)}}@keyframes nw-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;min-height:100vh}.app{max-width:900px;margin:0 auto;padding:40px 24px}h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin-bottom:8px;font-weight:700}.subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:32px}.status-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.stat-card .label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:600}.stat-card .value{font-family:var(--font-display);font-size:var(--text-2xl);margin-top:4px;font-weight:700}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th{background:var(--surface-2);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted);padding:10px 16px;font-weight:600}td{border-top:1px solid var(--border);padding:12px 16px}tr:hover td{background:var(--surface-2)}.records-table{table-layout:fixed;min-width:1000px}.records-table td.stack{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.records-table td.stack .sub{font-size:var(--text-xs);color:var(--text-subtle);text-overflow:ellipsis;margin-top:2px;overflow:hidden}.records-table th{font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap;background:var(--surface-2);padding:10px 12px;font-weight:600}.records-table td{vertical-align:middle;border-top:1px solid var(--border);padding:11px 12px}.records-table .num{text-align:right}.records-table td.num{font-family:var(--font-mono);color:var(--text-muted)}.records-table tr{border-left:3px solid #0000}.records-table tbody tr:nth-child(2n){background:var(--surface-2)}.records-table tbody tr[data-change=added]{border-left-color:var(--success)}.records-table tbody tr[data-change=modified]{border-left-color:var(--warning)}.records-table tbody tr[data-change=removed]{border-left-color:var(--danger)}.records-table tbody tr[data-change=volatile]{border-left-color:var(--border-strong)}.records-table .gone{color:var(--text-muted);text-decoration:line-through}.records-table .wrap{word-break:break-all}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary);align-items:center;gap:6px;padding:3px 8px;font-weight:600;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-clean{color:var(--status-clean)}.status-blocked{color:var(--status-blocked)}.status-degraded{color:var(--status-degraded)}.status-logged{color:var(--status-logged)}.dot-clean{background:var(--status-clean)}.dot-blocked{background:var(--status-blocked)}.dot-degraded{background:var(--status-degraded)}.dot-logged{background:var(--status-logged)}.error{color:var(--danger);padding:var(--space-4)}.loading{color:var(--text-muted);padding:var(--space-4)}.app-main{padding:40px 48px}@media (width<=960px){.app-main{padding:32px 28px}}@media (width<=720px){.app-main{padding:24px 18px}}@media (width<=480px){.app-main{padding:18px 12px}}@media (width<=560px){:root{--card-pad:16px}}.app-nav{z-index:100;position:sticky;top:0}.app-nav-bar{align-items:center;height:56px;padding:0 32px;display:flex}.app-nav-brand{flex-shrink:0;align-items:center;gap:9px;margin-right:32px;display:flex}.nav-icon-btn{justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.app-nav-links{scrollbar-width:none;flex:1;align-items:stretch;gap:20px;min-width:0;height:100%;display:flex;overflow-x:auto}.app-nav-links::-webkit-scrollbar{display:none}@media (width<=960px){.app-nav-bar{padding:0 20px}.app-nav-brand{margin-right:20px}}.app-nav-burger{margin-right:6px;display:none}@media (width<=560px){.app-nav-bar{padding:0 12px}.app-nav-burger{display:inline-flex}.app-nav-links{display:none}.app-nav-brand{margin-right:auto}}.app-nav-drawer{border-top:1px solid var(--border);animation:nw-nav-open var(--dur-fast,.12s) var(--ease-out,ease);flex-direction:column;padding:6px 0 8px;display:flex}.app-nav-drawer-link{min-height:44px;font-family:var(--font-sans);font-size:var(--text-base);text-align:left;align-items:center;padding:0 12px 0 17px;display:flex}@keyframes nw-nav-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.app-nav-drawer{animation:none}}@media (width>=561px){.app-nav-drawer{display:none}}@media (width<=400px){.app-nav-wordmark{display:none}}.page-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}@media (width<=720px){.page-head{flex-direction:column;gap:14px;margin-bottom:20px}}.stat-grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--stat-min,210px), 100%), 1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=560px){.stat-grid{gap:12px;margin-bottom:18px}}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;margin-bottom:24px;display:grid}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-search{flex:none;width:240px}.filter-search{flex:0 260px;min-width:0}@media (width<=560px){.toolbar{align-items:stretch}.toolbar-search{width:100%}.filter-search{flex:100%}}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-sans)}.data-table th{white-space:nowrap;padding:11px 16px;font-weight:700}.data-table td{padding:14px 16px}.data-table .col-name{min-width:180px}@media (width<=560px){.data-table .col-name{min-width:120px}}@media (width<=420px){.data-table .col-name{min-width:96px}}.data-table td.actions{text-align:right;white-space:nowrap;padding-right:12px}@media (width<=560px){.data-table th,.data-table td{padding-left:12px;padding-right:12px}}@media (width<=420px){.data-table th,.data-table td{padding-left:10px;padding-right:10px}.data-table th{letter-spacing:.04em;font-size:10px}}.row-meta{font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:5px;display:none}.row-meta .sep{color:var(--text-subtle)}@media (width<=1180px){.data-table--wide .col-fold{display:none}.data-table--wide .row-meta{display:flex}}@media (width<=960px){.data-table .col-fold{display:none}.data-table .row-meta{display:flex}.data-table .row-expand{display:none}}@media (width<=560px){.data-table .row-meta{justify-items:start;gap:3px;display:grid}.row-meta .sep{display:none}}.section-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:24px;margin-bottom:18px;display:flex;overflow-x:auto}.section-tabs::-webkit-scrollbar{display:none}.section-tab{font-family:var(--font-sans);font-size:var(--text-base);white-space:nowrap;align-items:center;gap:9px;padding:0 2px 13px;font-weight:600;display:inline-flex}.section-tab-icon{display:inline-flex}@media (width<=560px){.section-tabs{gap:14px}.section-tab{gap:7px;padding-bottom:11px}.section-tab-icon,.section-tab-count{display:none}}.glance-label{width:170px}@media (width<=560px){.glance-label{width:auto}}@media (width<=720px){.records-table,.records-table tbody,.records-table tr,.records-table td{display:block}.records-table{table-layout:auto;width:100%;min-width:0}.records-table thead{display:none}.records-table tr{border-top:1px solid var(--border);padding:11px 12px 12px}.records-table td{border-top:none;padding:0}.records-table td[data-cell=type]{vertical-align:middle;display:inline-block}.records-table td[data-cell=name]{vertical-align:middle;margin-left:10px;display:inline-block}.records-table td[data-cell=value]{margin-top:7px}.records-table td[data-label]{font-size:var(--text-xs);text-align:left;white-space:normal;text-overflow:clip;margin:6px 12px 0 0;display:inline-block;overflow:visible}.records-table td[data-label]:before{content:attr(data-label) " ";color:var(--text-subtle)}.records-table td[data-label]>div{display:inline}.records-table td[data-label] .sub{margin-top:0;display:inline}.records-table td[data-label] .sub:before{content:"· "}.records-table td.records-empty{display:block}}.disclose-head{align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}@media (width<=480px){.disclose-head{flex-wrap:wrap;gap:8px 12px}.disclose-head .disclose-aside{text-align:left;max-width:none}}.modal-scrim{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex}.modal-body{min-height:0;overflow-y:auto}@media (width<=560px){.modal-scrim{align-items:flex-start;padding:12px}.modal-card{max-height:calc(100vh - 24px)}}.opt-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;display:grid}.drawer-stats{grid-template-columns:repeat(2,1fr);gap:18px 16px;display:grid}@media (width<=420px){.drawer-stats{grid-template-columns:1fr}}
