:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f2f4f7;--border: #e7e9ee;--border-strong: #d8dce4;--text: #1a1d23;--text-2: #414754;--muted: #6b7280;--muted-2: #9aa1ad;--accent: #4f46e5;--accent-hover: #4338ca;--accent-active: #3730a3;--accent-soft: #eef2ff;--accent-border: #c7d2fe;--on-accent: #ffffff;--ok: #16784b;--ok-soft: #f0faf5;--ok-border: #bce7d1;--warn: #9a5b13;--warn-soft: #fff8eb;--warn-border: #f1d49a;--danger: #b43b42;--danger-soft: #fff4f4;--danger-border: #efc3c5;--seg-ok: #047857;--seg-warn: #b45309;--seg-warn-2: #d97706;--seg-danger: #b91c1c;--seg-danger-2: #dc2626;--seg-neutral: #9ca3af;--hover: rgba(26, 29, 35, .045);--pressed: rgba(26, 29, 35, .075);--row-hover: #f8f9fb;--scrim: rgba(17, 24, 39, .36);--surface-veil: rgba(255, 255, 255, .92);--skeleton-shine: rgba(255, 255, 255, .7);--font-sans: -apple-system, "SF Pro Text", "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-22: 22px;--fs-28: 28px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--r-4: 4px;--r-6: 6px;--r-8: 8px;--r-12: 12px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .025);--shadow-pop: 0 8px 24px rgba(16, 24, 40, .08);--shadow-pop-lg: 0 18px 48px rgba(16, 24, 40, .14);--control-h: 32px;--control-h-sm: 28px;--side-w: 232px;--page-max: 1280px;--t: .14s ease-out}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-14);line-height:1.5;color:var(--text);background:var(--bg);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:600;letter-spacing:0}a{color:var(--accent);text-decoration:none;transition:color var(--t)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;letter-spacing:0}::selection{background:var(--accent-border)}code{padding:1px 4px;border-radius:var(--r-4);background:var(--surface-3);color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-12)}body.overlay-open{overflow:hidden}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{display:flex;min-height:100vh}.mobile-bar,.side-backdrop,.side-close{display:none}.side{position:fixed;top:0;left:0;z-index:30;display:flex;flex-direction:column;flex-shrink:0;width:var(--side-w);height:100vh;padding:0 var(--sp-3) var(--sp-4);overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);color:var(--text-2)}.brand{display:flex;align-items:center;gap:10px;height:64px;flex:none;padding:0 var(--sp-1)}.brand-logo{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--r-6);background:var(--accent);color:var(--on-accent)}.brand-logo svg{width:17px;height:17px}.brand>div{min-width:0}.brand-copy{display:flex;flex-direction:column;justify-content:center}.brand h1{margin:0;font-size:var(--fs-14);font-weight:600;line-height:1.4;color:var(--text)}.brand .tagline{margin:0;overflow:hidden;color:var(--muted-2);font-size:var(--fs-12);font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.side nav{display:flex;flex:1;flex-direction:column;gap:2px}.nav-sec{margin:var(--sp-5) 0 6px;padding:0 10px;color:var(--muted-2);font-size:var(--fs-12);font-weight:600;letter-spacing:0}.nav-sec:first-child{margin-top:var(--sp-3)}.side nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-radius:var(--r-6);color:var(--text-2);font-size:var(--fs-14);font-weight:400;transition:background-color var(--t),color var(--t)}.side nav a svg{width:18px;height:18px;flex-shrink:0;opacity:.75}.nav-copy{min-width:0;flex:1}.nav-copy strong,.nav-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-copy strong{font-size:var(--fs-13);font-weight:500;line-height:1.3}.nav-copy small{margin-top:1px;color:var(--muted-2);font-size:var(--fs-12);font-weight:400;line-height:1.3}.nav-count{flex:none;min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:18px;text-align:center}.side nav a:hover{background:var(--hover);color:var(--text)}.side nav a:hover .nav-copy small{color:var(--muted)}.side nav a:active{background:var(--pressed)}.side nav a.router-link-active{background:var(--accent-soft);color:var(--accent)}.side nav a.router-link-active .nav-copy strong{font-weight:600}.side nav a.router-link-active .nav-copy small{color:var(--accent);opacity:.78}.side nav a.router-link-active .nav-count{background:var(--accent);color:var(--on-accent)}.side nav a.router-link-active:before{position:absolute;top:10px;bottom:10px;left:-12px;width:2px;border-radius:0 2px 2px 0;background:var(--accent);content:""}.side nav a.router-link-active svg{opacity:1}.side-foot{flex:none;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.workspace-state{display:flex;align-items:center;gap:9px;margin-bottom:var(--sp-2);padding:7px 10px}.workspace-state>span:last-child{min-width:0}.workspace-state strong,.workspace-state small{display:block}.workspace-state strong{color:var(--text-2);font-size:var(--fs-12);font-weight:500}.workspace-state small{color:var(--muted-2);font-size:var(--fs-12)}.workspace-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-2);box-shadow:0 0 0 3px var(--surface-3)}.workspace-dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.workspace-dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.side-logout{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:var(--r-6);background:transparent;color:var(--muted);font-size:var(--fs-13);cursor:pointer;transition:background-color var(--t),color var(--t)}.side-logout:hover{background:var(--hover);color:var(--text)}.side-logout:active{background:var(--pressed)}.main{width:calc(100% - var(--side-w));min-width:0;margin-left:var(--side-w);padding:36px 40px 64px}.main-inner{width:min(100%,var(--page-max));margin:0 auto}.page-head{min-height:56px;margin-bottom:var(--sp-7)}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);min-height:56px;margin-bottom:var(--sp-7)}.page-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}.page-title{margin:0;font-size:var(--fs-22);font-weight:600;line-height:1.25;color:var(--text)}.page-kicker{display:block;margin-bottom:6px;color:var(--muted-2);font-size:var(--fs-12);font-weight:600;text-transform:uppercase}.page-sub{margin:6px 0 0;max-width:760px;color:var(--muted);font-size:var(--fs-13);line-height:1.5}.card{margin-bottom:var(--sp-4);padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);box-shadow:var(--shadow-card)}.card h3{margin-top:0}.card-title{font-size:var(--fs-14);font-weight:600}.section-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:64px;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.section-card-head h3{margin:0;font-size:var(--fs-14)}.section-card-head p{margin:2px 0 0;color:var(--muted);font-size:var(--fs-12)}.card-table{padding:0;overflow:hidden}.card-table .table-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:64px;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.card-table .table-head>div{min-width:0}.grid{display:grid;gap:var(--sp-4)}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.slot-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.stat{display:flex;flex-direction:column}.stat .label{color:var(--muted);font-size:var(--fs-12);font-weight:500}.stat .value{margin-top:var(--sp-1);color:var(--text);font-size:var(--fs-22);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.stat .sub{margin-top:var(--sp-1);color:var(--muted);font-size:var(--fs-12)}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-7)}.metric-cell{min-width:0;min-height:116px;padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);box-shadow:var(--shadow-card)}.metric-cell .metric-label{display:flex;align-items:center;gap:var(--sp-1);color:var(--muted);font-size:var(--fs-12)}.metric-cell .metric-value{margin-top:10px;font-family:var(--font-mono);font-size:var(--fs-28);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.metric-cell .metric-note{margin-top:6px;color:var(--muted);font-size:var(--fs-12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--accent);border-radius:var(--r-6);background:var(--accent);color:var(--on-accent);font-size:var(--fs-13);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--t),border-color var(--t),color var(--t),opacity var(--t)}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn:active{background:var(--accent-active);border-color:var(--accent-active)}.btn.ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn.ghost:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.btn.ghost:active{background:var(--border)}.btn.danger{background:var(--surface);border-color:var(--danger-border);color:var(--danger)}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn.danger:active{background:var(--danger-border)}.btn.sm{height:var(--control-h-sm);padding:0 var(--sp-2);font-size:var(--fs-12)}.btn:disabled,.btn.loading{opacity:.5;cursor:not-allowed}.btn.loading{pointer-events:none}.btn svg{flex:none}.icon-button{display:grid;place-items:center;flex:none;width:var(--control-h);height:var(--control-h);padding:0;border:1px solid var(--border);border-radius:var(--r-6);background:var(--surface);color:var(--muted);cursor:pointer;transition:background-color var(--t),border-color var(--t),color var(--t)}.icon-button:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.icon-button:active{background:var(--border)}.icon-button svg{width:16px;height:16px}input,select,textarea{min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-6);font-size:var(--fs-13);transition:border-color var(--t),background-color var(--t)}input,select{height:var(--control-h);padding:0 var(--sp-3)}textarea{padding:var(--sp-2) var(--sp-3);line-height:1.5;resize:vertical}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px;cursor:pointer}select::-ms-expand{display:none}input:hover,select:hover,textarea:hover{border-color:var(--muted-2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-3);color:var(--muted);opacity:.5;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--muted-2)}input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--accent);cursor:pointer}input[type=checkbox]:disabled{cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.field label{color:var(--muted);font-size:var(--fs-12);font-weight:500}.field-hint{margin:0;color:var(--muted-2);font-size:var(--fs-12)}.filter-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.filter-field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:132px}.filter-field.grow{flex:1 1 220px}.filter-field label{color:var(--muted);font-size:var(--fs-12);font-weight:500}.filter-field>input,.filter-field>select{width:100%}.table-wrap{overflow:auto;max-height:calc(100vh - 260px)}table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}th{position:sticky;top:0;z-index:1;height:36px;padding:0 var(--sp-3);background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-12);font-weight:600;text-align:left;white-space:nowrap}td{height:40px;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}tbody tr{transition:background-color var(--t)}tbody tr:hover td{background:var(--row-hover)}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.num{font-family:var(--font-mono);font-size:var(--fs-12);white-space:nowrap}td.mono{overflow-wrap:normal;white-space:nowrap}td.stack{height:auto;min-height:52px;padding-top:8px;padding-bottom:8px;vertical-align:middle}.stack-cell{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;overflow:hidden}.stack-cell strong{overflow:hidden;font-size:var(--fs-13);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.stack-cell .sub{overflow:hidden;color:var(--muted);font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap}.stack-cell .badge+.badge{margin-left:4px}.hover-cell .ui-tooltip,.hover-cell :deep(.ui-tooltip){display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:100%}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);height:20px;padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--r-4);background:var(--surface-3);color:var(--muted);font-size:var(--fs-12);font-weight:500;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-border)}.badge.bad{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-border)}.badge.accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.badge.muted{color:var(--muted);background:var(--surface-3);border-color:var(--border)}.alert{margin-bottom:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-6);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-13);line-height:1.5}.alert.err{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border);white-space:pre-wrap}.alert.ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-border)}.alert.warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-border)}.alert.info{color:var(--accent-hover);background:var(--accent-soft);border-color:var(--accent-border)}.err{color:var(--danger);white-space:pre-wrap}.tabs{display:flex;gap:var(--sp-5);flex-wrap:wrap;min-height:41px;margin-bottom:var(--sp-5);border-bottom:1px solid var(--border)}.tab{position:relative;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:var(--fs-13);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--t),color var(--t)}.tab:hover{background:transparent;color:var(--text)}.tab:active{background:transparent;color:var(--accent-active)}.tab.active{background:transparent;color:var(--accent)}.tab.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent);content:""}.segmented{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface-3)}.segmented button{height:26px;padding:0 var(--sp-3);border:0;border-radius:var(--r-4);background:transparent;color:var(--muted);font-size:var(--fs-12);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--t),color var(--t)}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--accent)}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end;background:var(--scrim)}.ui-drawer{display:flex;flex-direction:column;width:min(560px,100vw);height:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-pop-lg);outline:none}.ui-drawer-sm{width:min(440px,100vw)}.ui-drawer-lg{width:min(760px,100vw)}.ui-drawer-xl{width:min(980px,100vw)}.ui-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);border-bottom:1px solid var(--border)}.ui-drawer-title-wrap{min-width:0}.ui-drawer-eyebrow{margin-bottom:2px;color:var(--muted);font-size:var(--fs-12);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.ui-drawer-head h2{margin:0;font-size:var(--fs-18);font-weight:600}.ui-drawer-head p{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--fs-13)}.ui-drawer-body{flex:1;min-height:0;overflow:auto;padding:var(--sp-5)}.ui-drawer-foot{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);background:var(--surface)}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity var(--t)}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.ui-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.ui-tooltip-pop{z-index:80;width:max-content;max-width:min(320px,80vw);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-6);background:var(--text);color:var(--on-accent);box-shadow:var(--shadow-pop);font-size:var(--fs-12);font-weight:400;line-height:1.5;white-space:normal;pointer-events:none}.ui-tooltip-float{position:fixed;z-index:400}.ui-tooltip-pop.wide{max-width:min(340px,86vw);text-align:left}.metric-tip{display:grid;gap:4px}.metric-tip strong{font-size:var(--fs-12);font-weight:600}.metric-tip p{margin:0}.metric-tip .tip-muted{opacity:.75}.info-dot{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid var(--border-strong);border-radius:50%;color:var(--muted);font-size:var(--fs-12);font-weight:600;line-height:1}.json-viewer{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface)}.json-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-bottom:1px solid var(--border)}.json-viewer-head strong{display:block;font-size:var(--fs-13);font-weight:600}.json-viewer-head span{display:block;color:var(--muted);font-size:var(--fs-12)}.json-code{max-height:440px;margin:0;padding:var(--sp-3) var(--sp-4);overflow:auto;color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-12);line-height:1.6;-moz-tab-size:2;tab-size:2}.json-code.wrap{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.json-empty{display:grid;place-items:center;min-height:120px;color:var(--muted);font-size:var(--fs-13)}.empty{display:grid;justify-items:center;gap:var(--sp-2);padding:48px var(--sp-4);color:var(--muted);text-align:center}.empty svg{width:40px;height:40px;color:var(--muted-2)}.empty .empty-title{color:var(--text-2);font-size:var(--fs-14);font-weight:500}.empty .empty-sub{color:var(--muted);font-size:var(--fs-13)}.table-empty-state{min-height:220px;padding:var(--sp-7) var(--sp-4)}.table-empty-state .btn{margin-top:var(--sp-2)}.empty-pad{padding:48px 0;text-align:center}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-row,.skeleton-bar{position:relative;overflow:hidden;background:var(--surface-3)}.skeleton-bar{display:block;width:100%;height:16px;border-radius:var(--r-4)}.skeleton-row:after,.skeleton-bar:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);transform:translate(-100%);animation:skeleton-slide 1.4s ease-in-out infinite}@keyframes skeleton-slide{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton-row:after,.skeleton-bar:after{animation:none}}.progress{height:4px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.progress.ok>span{background:var(--ok)}.progress.warn>span{background:var(--warn)}.progress.bad>span{background:var(--danger)}.toast-host{position:fixed;top:var(--sp-4);right:var(--sp-4);z-index:120;display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-8);background:var(--surface);color:var(--text);box-shadow:var(--shadow-pop);font-size:var(--fs-13);line-height:1.5;pointer-events:auto}.toast.ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-border)}.toast.err{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.slot{padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);transition:border-color var(--t)}.slot:hover{border-color:var(--border-strong)}.step{margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-6)}.step-title{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);color:var(--text);font-size:var(--fs-13);font-weight:600}.code-box{padding:var(--sp-3) var(--sp-4);overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-6);color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-12);line-height:1.6}.code-box.pre{white-space:pre-wrap;overflow-wrap:anywhere}.code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2);color:var(--text)}.code-head strong{font-size:var(--fs-13)}.code-key{color:var(--accent-hover);font-size:var(--fs-13)}.code-note{margin-top:var(--sp-1);color:var(--muted)}.code-h3{margin:0 0 var(--sp-3);font-size:var(--fs-14)}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:var(--sp-7);background:var(--bg)}.login-wrap.agent-shell{display:block;width:100%;min-height:100vh;padding:0}.login-card{width:min(420px,100%);margin:0;padding:var(--sp-7);border-radius:var(--r-8);box-shadow:var(--shadow-card)}.login-brand{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:40px}.login-brand .brand-logo{width:32px;height:32px;border-radius:var(--r-6)}.login-brand h2{margin:0;font-size:var(--fs-16);font-weight:600}.login-brand p{margin:2px 0 0;color:var(--muted);font-size:var(--fs-12)}.muted{color:var(--muted)}.small{font-size:var(--fs-12)}.mono{font-family:var(--font-mono);font-size:var(--fs-12);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.num{font-variant-numeric:tabular-nums}.select-all{-webkit-user-select:all;user-select:all}.text-bad{color:var(--danger)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.hint{margin-bottom:var(--sp-3);color:var(--muted);font-size:var(--fs-13);line-height:1.7}.section-label{margin:var(--sp-4) 0 var(--sp-2);color:var(--muted);font-size:var(--fs-12);font-weight:600}.diag-title{font-size:var(--fs-16);font-weight:600}.diag-list{margin:0;padding-left:var(--sp-5);font-size:var(--fs-13);line-height:1.7}.device-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);color:var(--text);font-size:var(--fs-13);font-weight:600}.kv{display:flex;flex-direction:column;gap:2px}.kv .k{color:var(--muted);font-size:var(--fs-12)}.kv .v{font-size:var(--fs-13);overflow-wrap:anywhere}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-4)}.grid-2 .full{grid-column:1 / -1}.chart{display:block;width:100%;height:180px}.muted-input{color:var(--muted)}.flex-1{flex:1;min-width:0}.j-between{justify-content:space-between}.mt-4{margin-top:var(--sp-1)}.mt-6,.mt-8{margin-top:var(--sp-2)}.mt-10,.mt-12{margin-top:var(--sp-3)}.mt-14{margin-top:var(--sp-4)}.mb-0{margin-bottom:0}.mb-12{margin-bottom:var(--sp-3)}.w-100{width:100px}.w-140{width:140px}.w-180{width:180px}.min-w-160{min-width:160px}.min-w-180{min-width:180px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--r-8);background:var(--border-strong);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--muted-2);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media(max-width:1100px){.main{padding:var(--sp-7) var(--sp-6) 48px}}@media(max-width:900px){body{overflow-x:hidden}.layout{flex-direction:column}.layout.nav-open{height:100dvh;overflow:hidden}.mobile-bar{position:sticky;top:0;z-index:25;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;min-height:56px;padding:0 var(--sp-2);background:var(--surface);border-bottom:1px solid var(--border)}.mobile-nav-toggle,.mobile-log-link,.side-close{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--r-6);background:transparent;color:var(--muted);cursor:pointer;transition:background-color var(--t),color var(--t)}.mobile-nav-toggle:hover,.mobile-log-link:hover,.side-close:hover{background:var(--hover);color:var(--text)}.mobile-nav-toggle svg,.mobile-log-link svg,.side-close svg{width:20px;height:20px}.mobile-brand{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-width:0;font-size:var(--fs-14);font-weight:600}.mobile-brand-mark{width:8px;height:8px;border-radius:2px;background:var(--accent)}.side-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;width:100%;height:100%;padding:0;border:0;background:var(--scrim);cursor:default}.side{position:fixed;inset:0 auto 0 0;width:min(288px,calc(100vw - 48px));height:100dvh;padding:0 var(--sp-3) var(--sp-3);box-shadow:var(--shadow-pop-lg);transform:translate(-102%);visibility:hidden}.side.open{transform:translate(0);visibility:visible}.side-close{margin-left:auto;flex:none}.nav-sec{display:block}.main{width:100%;max-width:none;margin-left:0;padding:var(--sp-5) var(--sp-4) var(--sp-8)}.tabs{flex-wrap:nowrap;max-width:100%;padding-bottom:var(--sp-1);overflow-x:auto;overscroll-behavior-inline:contain}.tab{flex:0 0 auto}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.table-wrap>table{min-width:680px}.filter-controls{align-items:stretch}}@media(max-width:760px){.page-head-row{align-items:stretch;flex-direction:column}.page-head-actions{justify-content:flex-start}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-cell{min-height:104px}.ui-drawer-head,.ui-drawer-body,.ui-drawer-foot{padding-inline:var(--sp-4)}}@media(max-width:520px){.main{padding:var(--sp-4) var(--sp-3) var(--sp-6)}.page-title{font-size:var(--fs-18)}.card{padding:var(--sp-4)}.card-table{padding:0}.metric-strip{grid-template-columns:minmax(0,1fr)}.metric-cell{min-height:0;padding:var(--sp-4)}.grid.stats{grid-template-columns:minmax(0,1fr)}.filter-controls{display:grid;grid-template-columns:minmax(0,1fr)}.filter-field,.filter-field.grow{width:100%;min-width:0}.grid-2{grid-template-columns:minmax(0,1fr)}.grid-2 .full{grid-column:auto}.toast-host{inset:var(--sp-2) var(--sp-2) auto;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}