:root{--n-0:#fff;--n-50:#f7f8fa;--n-100:#eef0f3;--n-200:#e1e5ea;--n-300:#c9cfd7;--n-400:#9aa4b1;--n-500:#6b7684;--n-600:#4b5563;--n-700:#313a45;--n-800:#1f2731;--n-900:#121820;--brand-50:#eef3ff;--brand-100:#dbe5ff;--brand-500:#2f5fe3;--brand-600:#274fc2;--brand-700:#1f40a0;--ok-fg:#166534;--ok-bg:#e7f6ec;--ok-bd:#b7e2c4;--warn-fg:#8a5a00;--warn-bg:#fff4d9;--warn-bd:#f2d68c;--bad-fg:#a3261f;--bad-bg:#fdeceb;--bad-bd:#f3b9b4;--info-fg:#1d4ed8;--info-bg:#e7eefc;--info-bd:#bcd0f7;--neutral-fg:#4b5563;--neutral-bg:#eef0f3;--neutral-bd:#d5dae1;--bg:var(--n-50);--surface:var(--n-0);--surface-2:var(--n-100);--surface-raised:var(--n-0);--border:var(--n-200);--border-strong:var(--n-300);--text:var(--n-800);--text-2:var(--n-600);--text-3:var(--n-500);--text-inverse:#fff;--primary:var(--brand-500);--primary-hover:var(--brand-600);--primary-soft:var(--brand-50);--focus:#2f5fe359;--danger:#c62828;--danger-hover:#a51f1f;--code-bg:#0f172a;--code-fg:#e2e8f0;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--lh:1.5;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-1:0 1px 2px #1018280d, 0 1px 1px #10182808;--shadow-2:0 4px 12px #10182814;--shadow-3:0 16px 48px #1018282e;--sidebar-w:236px;--topbar-h:56px;--content-max:1440px;--z-topbar:20;--z-sidebar:30;--z-drawer:40;--z-modal:50;--z-toast:60}:root[data-theme=dark]{--bg:#0e1218;--surface:#161b23;--surface-2:#1d232d;--surface-raised:#1a2029;--border:#283040;--border-strong:#38425a;--text:#e6e9ee;--text-2:#b4bcc8;--text-3:#8c96a4;--primary:#6d9bff;--primary-hover:#86adff;--primary-soft:#16233d;--focus:#6d9bff66;--danger:#f06565;--danger-hover:#ff7d7d;--ok-fg:#62d38a;--ok-bg:#10291a;--ok-bd:#1f4a2e;--warn-fg:#f0c25b;--warn-bg:#33270b;--warn-bd:#5a4410;--bad-fg:#ff8a85;--bad-bg:#3a1614;--bad-bd:#612321;--info-fg:#8cb4ff;--info-bg:#14243f;--info-bd:#253d6b;--neutral-fg:#b4bcc8;--neutral-bg:#232a35;--neutral-bd:#333d4d;--code-bg:#0b1020;--code-fg:#d7deea;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px #00000073;--shadow-3:0 18px 48px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#0e1218;--surface:#161b23;--surface-2:#1d232d;--surface-raised:#1a2029;--border:#283040;--border-strong:#38425a;--text:#e6e9ee;--text-2:#b4bcc8;--text-3:#8c96a4;--primary:#6d9bff;--primary-hover:#86adff;--primary-soft:#16233d;--focus:#6d9bff66;--danger:#f06565;--danger-hover:#ff7d7d;--ok-fg:#62d38a;--ok-bg:#10291a;--ok-bd:#1f4a2e;--warn-fg:#f0c25b;--warn-bg:#33270b;--warn-bd:#5a4410;--bad-fg:#ff8a85;--bad-bg:#3a1614;--bad-bd:#612321;--info-fg:#8cb4ff;--info-bg:#14243f;--info-bd:#253d6b;--neutral-fg:#b4bcc8;--neutral-bg:#232a35;--neutral-bd:#333d4d;--code-bg:#0b1020;--code-fg:#d7deea;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px #00000073;--shadow-3:0 18px 48px #0009}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh);-webkit-font-smoothing:antialiased;margin:0}body{overflow-x:hidden}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.3}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:15px}h4{font-size:var(--fs-base)}p{margin:0 0 var(--sp-2)}code,kbd,pre{font-family:var(--mono)}code.inline,.mono{font-family:var(--mono);font-size:var(--fs-sm);background:var(--surface-2);border:1px solid var(--border);overflow-wrap:anywhere;color:var(--text-2);border-radius:4px;padding:0 5px}table.dt code.inline,table.dt .mono{white-space:nowrap}.mono.plain{background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}::selection{background:var(--primary-soft)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr);grid-template-areas:"sidebar topbar""sidebar content";min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);height:100vh;min-height:100vh;z-index:var(--z-sidebar);flex-direction:column;grid-area:sidebar;display:flex;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:10px;padding:14px 16px 12px;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(135deg, var(--brand-500), #7c3aed);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-text strong{white-space:nowrap;font-size:13.5px}.brand-text span{font-size:var(--fs-xs);color:var(--text-3)}.site-context{border-bottom:1px solid var(--border);padding:12px 12px 8px}.site-context .label{font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 4px 6px}.site-select{-webkit-appearance:none;appearance:none;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7684' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;width:100%;color:var(--text);cursor:pointer;padding:8px 32px 8px 10px;font-weight:500}.site-meta{font-size:var(--fs-xs);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 4px 0;display:flex}.health-dots{align-items:center;gap:4px;display:inline-flex}.health-dot{background:var(--neutral-bd);border:1px solid #0000;border-radius:50%;width:8px;height:8px}.health-dot.ok{background:var(--ok-fg)}.health-dot.warn{background:var(--warn-fg)}.health-dot.bad{background:var(--bad-fg)}.health-dot.info{background:var(--info-fg)}.nav{flex-direction:column;flex:1;gap:2px;padding:8px 8px 16px;display:flex}.nav-group{margin-top:10px}.nav-group:first-child{margin-top:4px}.nav-title{font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:6px 12px 4px}.nav-item{border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-md);align-items:center;gap:10px;padding:7px 10px;line-height:1.3;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item.active:before{content:"";background:var(--primary);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-item .ico{opacity:.85;flex:none;width:16px;height:16px}.nav-item .count{font-size:var(--fs-xs);background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-bd);border-radius:var(--r-pill);margin-left:auto;padding:0 6px;line-height:16px}.nav-item.disabled{opacity:.5;pointer-events:none}.sidebar-foot{border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-3);flex-direction:column;gap:4px;padding:10px 12px 14px;display:flex}.topbar{z-index:var(--z-topbar);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(8px);backdrop-filter:saturate(160%)blur(8px);border-bottom:1px solid var(--border);grid-area:topbar;align-items:center;gap:12px;min-width:0;padding:0 24px;display:flex;position:sticky;top:0}.crumbs{font-size:var(--fs-md);color:var(--text-3);white-space:nowrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.crumbs>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.crumbs .sep{opacity:.6}.crumbs .cur{color:var(--text);font-weight:600}.topbar-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.env-pill{font-size:var(--fs-xs);border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-2);letter-spacing:.04em;padding:2px 8px;font-weight:600}.env-pill.production{border-color:var(--bad-bd);color:var(--bad-fg);background:var(--bad-bg)}.env-pill.staging{border-color:var(--warn-bd);color:var(--warn-fg);background:var(--warn-bg)}.user-chip{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);align-items:center;gap:8px;max-width:280px;padding:4px 8px 4px 4px;display:flex}.avatar{background:var(--primary-soft);width:24px;height:24px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.user-chip .who{font-size:var(--fs-sm);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-2);cursor:pointer;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:16px;height:16px}.nav-toggle{display:none}.content{grid-area:content;min-width:0;padding:20px 24px 64px}.content-inner{max-width:var(--content-max);flex-direction:column;gap:16px;min-width:0;margin:0 auto;display:flex}.scrim{display:none}.page-header{flex-direction:column;gap:10px;display:flex}.page-header-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.page-header .titles{flex:320px;min-width:0}.page-header .eyebrow{font-size:var(--fs-sm);color:var(--text-3);margin-bottom:2px}.page-header h1{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header .desc{color:var(--text-3);font-size:var(--fs-md);max-width:900px;margin-top:4px}.page-header .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-tabs{border-bottom:1px solid var(--border);gap:2px;display:flex;overflow-x:auto}.page-tabs a,.page-tabs button{cursor:pointer;color:var(--text-3);font-size:var(--fs-md);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-family:inherit}.page-tabs a:hover,.page-tabs button:hover{color:var(--text);text-decoration:none}.page-tabs a.active,.page-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);min-width:0;padding:16px 18px}.card.flush{padding:0;overflow:hidden}.card.flush>.card-head{padding:14px 18px 0}.card.flush>.table-wrap{border-radius:0}.card.tone-warn{border-color:var(--warn-bd);background:color-mix(in srgb, var(--warn-bg) 55%, var(--surface))}.card.tone-bad{border-color:var(--bad-bd)}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.card-head h3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-head .card-desc{font-size:var(--fs-sm);color:var(--text-3);margin-top:2px}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.card-head>div:first-child{min-width:0}.card-foot{border-top:1px dashed var(--border);font-size:var(--fs-sm);color:var(--text-3);margin-top:12px;padding-top:10px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;display:grid}.grid-half{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px;display:grid}.kpi-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.thumb{object-fit:cover;background:var(--bg-subtle,#eee);border-radius:4px;width:28px;height:28px}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:6px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.kpi .kpi-label{color:var(--text-3);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:6px;display:flex}.kpi .kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:650;overflow:hidden}.kpi .kpi-value.pending{color:var(--text-3);font-size:16px;font-weight:500}.kpi .kpi-sub{font-size:var(--fs-sm);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kpi.compact .kpi-value{font-size:18px}.delta-up{color:var(--ok-fg)}.delta-down{color:var(--bad-fg)}.delta-flat{color:var(--text-3)}.badge{border-radius:var(--r-pill);font-size:var(--fs-xs);white-space:nowrap;vertical-align:middle;border:1px solid #0000;align-items:center;gap:5px;padding:1px 8px 1px 6px;font-weight:600;line-height:18px;display:inline-flex}.badge .glyph{font-size:10px;line-height:1}.badge code{opacity:.8;font-size:10px;font-weight:500;font-family:var(--mono)}.badge-ok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-bd)}.badge-warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.badge-bad{background:var(--bad-bg);color:var(--bad-fg);border-color:var(--bad-bd)}.badge-info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-bd)}.badge-neutral,.badge-muted{background:var(--neutral-bg);color:var(--neutral-fg);border-color:var(--neutral-bd)}.badge-lg{font-size:var(--fs-sm);padding:1px 10px 1px 8px;line-height:22px}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.notice{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);font-size:var(--fs-md);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.notice .ico{flex:none;width:16px;height:16px;margin-top:2px}.notice .body{flex:1;min-width:0}.notice.error{border-color:var(--bad-bd);background:var(--bad-bg);color:var(--bad-fg)}.notice.success{border-color:var(--ok-bd);background:var(--ok-bg);color:var(--ok-fg)}.notice.warn{border-color:var(--warn-bd);background:var(--warn-bg);color:var(--warn-fg)}.notice.info{border-color:var(--info-bd);background:var(--info-bg);color:var(--info-fg)}.notice.muted{color:var(--text-3)}.notice .actions{gap:6px;margin-top:6px;display:flex}.empty{text-align:center;color:var(--text-3);border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface);flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.empty .empty-ico{background:var(--surface-2);width:34px;height:34px;color:var(--text-3);border-radius:50%;place-items:center;margin-bottom:2px;display:grid}.empty .empty-ico svg{width:18px;height:18px}.empty strong{color:var(--text-2);font-weight:600}.empty p{font-size:var(--fs-md);max-width:520px;margin:0}.empty.compact{border-style:solid;padding:16px}.skeleton{flex-direction:column;gap:8px;display:flex}.skeleton .bar{background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton .bar{animation:none}}.freshness{font-size:var(--fs-sm);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.freshness-item{align-items:center;gap:6px;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);-webkit-overflow-scrolling:touch;overflow-x:auto}table.dt{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-md);min-width:100%}table.dt th,table.dt td{border-bottom:1px solid var(--border);vertical-align:middle;text-align:left;padding:8px 12px}table.dt.dense th,table.dt.dense td{font-size:var(--fs-sm);padding:5px 10px}table.dt th{color:var(--text-3);font-weight:600;font-size:var(--fs-sm);background:var(--surface-2);white-space:nowrap;z-index:1;position:sticky;top:0}table.dt tbody tr:last-child td{border-bottom:none}table.dt tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 60%, var(--surface))}table.dt tr.clickable{cursor:pointer}table.dt tr.selected td{background:var(--primary-soft)}table.dt td.num,table.dt th.num{text-align:right;font-variant-numeric:tabular-nums}table.dt td.center,table.dt th.center{text-align:center}table.dt td.nowrap{white-space:nowrap}table.dt .cell-muted{color:var(--text-3)}table.dt .btn-group{flex-wrap:nowrap}.table-caption{font-size:var(--fs-sm);color:var(--text-3);border-top:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.clamp{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.trunc{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}table.diff tr.changed td{background:color-mix(in srgb, var(--warn-bg) 60%, var(--surface))}table.diff tr.added td{background:color-mix(in srgb, var(--ok-bg) 60%, var(--surface))}table.diff tr.removed td{background:color-mix(in srgb, var(--bad-bg) 60%, var(--surface))}.diff-legend{font-size:var(--fs-xs);color:var(--text-3);gap:12px;margin-bottom:6px;display:flex}.diff-legend i{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.kv{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:4px 20px;margin:0;display:grid}.kv>div{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:10px;min-width:0;padding:5px 0;display:flex}.kv dt{color:var(--text-3);font-size:var(--fs-sm);flex:none}.kv dd{text-align:right;word-break:break-all;min-width:0;font-size:var(--fs-md);margin:0}.kv.stacked{grid-template-columns:1fr}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--fs-md);min-width:0;max-width:100%;padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:0;border-color:var(--primary)}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:15px;height:15px;margin:0;padding:0}input[type=date],input[type=number]{padding:6px 8px}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7684' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:28px}textarea.code{font-family:var(--mono);font-size:var(--fs-sm);-moz-tab-size:2;tab-size:2;width:100%;min-height:240px;line-height:1.5}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>span.lbl{font-size:var(--fs-sm);color:var(--text-2);font-weight:500}.field .hint{font-size:var(--fs-xs);color:var(--text-3)}.field.inline{flex-direction:row;align-items:center;gap:8px}.field.inline>span.lbl{white-space:nowrap}.check{font-size:var(--fs-md);color:var(--text-2);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.form{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px 16px;display:grid}.form .full{grid-column:1/-1}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-sm);cursor:pointer;color:var(--text);font-size:var(--fs-md);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn svg{width:14px;height:14px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{font-size:var(--fs-sm);padding:3px 9px}.btn-lg{font-size:var(--fs-base);padding:9px 16px}.btn-group{flex-wrap:wrap;gap:6px;display:inline-flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filterbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.filterbar .field.inline>span.lbl{color:var(--text-3)}.filterbar .grow{flex:1}.seg{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);scrollbar-width:none;max-width:100%;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{cursor:pointer;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;border:none;border-right:1px solid var(--border);background:0 0;padding:5px 10px}.seg button:last-child{border-right:none}.seg button.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.seg button:hover:not(.active){background:var(--surface-2)}details.collapsible{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}details.collapsible>summary{cursor:pointer;font-size:var(--fs-md);color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 12px;list-style:none;display:flex}details.collapsible>summary::-webkit-details-marker{display:none}details.collapsible>summary:before{content:"";border-left:5px solid var(--text-3);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;transition:transform .12s}details.collapsible[open]>summary:before{transform:rotate(90deg)}details.collapsible>.collapsible-body{border-top:1px solid var(--border);padding:4px 12px 12px}details.collapsible.quiet{background:0 0;border:none}details.collapsible.quiet>summary{color:var(--text-3);font-size:var(--fs-sm);padding:4px 0}details.collapsible.quiet>.collapsible-body{border-top:none;padding:6px 0 0}.err-summary{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex}.err-summary .line{color:var(--bad-fg);font-size:var(--fs-sm);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:460px;display:-webkit-box;overflow:hidden}.err-summary .toggle{color:var(--primary);font-size:var(--fs-xs);cursor:pointer;text-align:left;background:0 0;border:none;width:-moz-fit-content;width:fit-content;padding:0}.err-summary pre{white-space:pre-wrap;word-break:break-word;font-size:var(--fs-xs);background:var(--surface-2);border:1px solid var(--border);max-height:260px;color:var(--text-2);border-radius:4px;max-width:640px;margin:4px 0 0;padding:8px;overflow:auto}pre.json{background:var(--code-bg);color:var(--code-fg);font-family:var(--mono);font-size:var(--fs-sm);border-radius:var(--r-sm);margin:0;padding:10px 12px;line-height:1.5;overflow:auto}.modal-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1680;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);width:min(760px,100%);max-height:90vh;box-shadow:var(--shadow-3);flex-direction:column;padding:0;display:flex;overflow:auto}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.modal-head h3{flex:1}.modal-head.danger h3{color:var(--bad-fg)}.modal-body{flex-direction:column;gap:12px;padding:14px 20px;display:flex;overflow:auto}.modal-actions{border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 var(--r-lg) var(--r-lg);justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}.drawer-backdrop{z-index:var(--z-drawer);background:#0a0e1659;position:fixed;top:0;bottom:0;left:0;right:0}.drawer{background:var(--surface-raised);border-left:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow-3);z-index:calc(var(--z-drawer) + 1);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer .drawer-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.drawer .drawer-head h3{flex:1;min-width:0}.drawer .drawer-body{flex-direction:column;gap:12px;padding:14px 18px 24px;display:flex;overflow:auto}.toast-host{z-index:var(--z-toast);flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{box-shadow:var(--shadow-2)}.site-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:18px;display:grid}.site-card>div{min-width:0}.site-card .site-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-card .site-title h3{font-size:var(--fs-lg)}.site-card .site-domain{color:var(--text-3);font-size:var(--fs-sm)}.conn-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.conn-row{border-radius:var(--r-sm);font-size:var(--fs-md);grid-template-columns:16px 120px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.conn-row:hover{background:var(--surface-2)}.conn-row .conn-id{color:var(--text-3);font-family:var(--mono);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attention{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px;display:grid}.attention .item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);align-items:center;gap:12px;padding:12px 14px;display:flex}.attention .item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1);text-decoration:none}.attention .item .n{font-variant-numeric:tabular-nums;min-width:34px;font-size:22px;font-weight:700}.attention .item .n.zero{color:var(--text-3);font-weight:500}.attention .item .t{flex-direction:column;min-width:0;line-height:1.25;display:flex}.attention .item .t small{color:var(--text-3);font-size:var(--fs-xs)}.attention .item.tone-bad .n{color:var(--bad-fg)}.attention .item.tone-warn .n{color:var(--warn-fg)}.attention .item.tone-info .n{color:var(--info-fg)}.integration-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px;display:grid}.integration{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.integration.planned{opacity:.85;border-style:dashed}.integration .name{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.integration .desc{font-size:var(--fs-sm);color:var(--text-3)}.step-list{font-size:var(--fs-sm);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.step-list .step{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);padding:2px 8px}.step-list .arrow{opacity:.5}.muted{color:var(--text-3)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.strong{font-weight:600}.up{color:var(--ok-fg)}.down{color:var(--bad-fg)}.spacer{flex:1}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mb-2{margin-bottom:var(--sp-2)}.w-full{width:100%}@media (max-width:1100px){.site-card,.grid-2{grid-template-columns:1fr}}@media (max-width:900px){:root{--sidebar-w:0px}.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""content"}.sidebar{width:min(300px,86vw);box-shadow:none;height:100vh;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-3);transform:translate(0)}.scrim{z-index:calc(var(--z-sidebar) - 1);opacity:0;pointer-events:none;background:#0a0e1673;transition:opacity .18s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.scrim.show{opacity:1;pointer-events:auto}.nav-toggle{display:inline-grid}.topbar{padding:0 12px}.content{padding:14px 12px 56px}.user-chip .who{display:none}.user-chip{background:0 0;border:none;padding:2px}.page-header h1{font-size:18px}.kpi .kpi-value{font-size:19px}.form,.kv{grid-template-columns:1fr}.conn-row{grid-template-columns:16px 96px minmax(0,1fr) auto}.modal-actions{flex-wrap:wrap}.drawer{width:100%}}@media (max-width:600px){.attention{grid-template-columns:1fr}.site-card .site-title h3{font-size:var(--fs-base)}}@media (max-width:480px){.crumbs .root,.env-pill{display:none}.conn-row{grid-template-columns:16px 84px minmax(0,1fr) auto}.conn-row .conn-id{display:none}}@media print{.sidebar,.topbar{display:none}.shell{display:block}}