:root{--sidebar-width:224px;--sidebar-width-collapsed:64px;--header-height:64px;--content-max-width:1600px;--content-padding:16px;--grid-gap:12px;--section-gap:18px;--card-padding:14px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--border-width:1px;--color-surface:#ffffff;--color-page-bg:#fafbfc;--color-border:#d9dde3;--color-border-subtle:#e4e8ee;--color-text:#1c2430;--color-text-muted:#5b6675;--color-text-faint:#8491a1;--color-primary:#3b82f6;--color-primary-subtle:#bfdbfe;--color-primary-soft:#eff6ff;--color-success:#16a34a;--color-success-soft:#e9f7ef;--color-warning:#d97706;--color-warning-soft:#fdf4e3;--color-error:#dc2626;--color-error-soft:#fdecec;--color-info:#64748b;--color-info-soft:#eef2f7;--color-muted-soft:#f1f3f6;--text-value-xl:24px;--text-heading-md:15px;--text-title-sm:13px;--text-body:13px;--text-micro:11px;--nav-item-height:30px;--nav-icon-size:16px;--nav-group-label-size:11px;--icon-button-size:32px;--selector-height:34px;--bg:var(--color-page-bg);--surface:var(--color-surface);--border:var(--color-border);--text:var(--color-text);--text-muted:var(--color-text-muted);--accent:var(--color-primary);--accent-soft:var(--color-primary-soft);--ok:var(--color-success);--ok-soft:var(--color-success-soft);--warn:var(--color-warning);--warn-soft:var(--color-warning-soft);--muted:var(--color-info);--muted-soft:var(--color-muted-soft);--error:var(--color-error);--error-soft:var(--color-error-soft);--radius:var(--radius-md);--space:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-page-bg);color:var(--color-text);font-family:Segoe UI,Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}a{color:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.app-shell.shell-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--color-surface);border-right:var(--border-width) solid var(--color-border);z-index:20;overflow-y:auto}.app-shell.shell-collapsed .app-sidebar{width:var(--sidebar-width-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:10px;height:56px;padding:0 14px;flex-shrink:0}.sidebar-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--color-primary);color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.sidebar-brand-title{margin:0;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}.sidebar-brand-subtitle{margin:1px 0 0;font-size:11px;color:var(--color-text-muted);white-space:nowrap}.app-shell.shell-collapsed .nav-item-label,.app-shell.shell-collapsed .nav-status-tag,.app-shell.shell-collapsed .sidebar-brand-subtitle,.app-shell.shell-collapsed .sidebar-brand-title{display:none}.sidebar-nav{flex:1 1;padding:6px 8px 12px;display:flex;flex-direction:column;gap:2px}.nav-group-label{padding:8px 10px 4px;font-size:var(--nav-group-label-size);font-weight:600;letter-spacing:.04em;color:var(--color-text-faint);text-transform:none;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:8px;height:var(--nav-item-height);padding:0 10px;border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-body);white-space:nowrap}.nav-item:hover{background:var(--color-muted-soft);color:var(--color-text)}.nav-item-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.nav-item-icon{display:inline-flex;flex-shrink:0;width:var(--nav-icon-size);height:var(--nav-icon-size)}.nav-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.nav-status-tag{flex-shrink:0;font-size:10px;color:var(--color-text-faint);border:1px solid var(--color-border);border-radius:4px;padding:0 5px;line-height:16px}.nav-divider{height:1px;background:var(--color-border-subtle);margin:8px 6px}.app-shell.shell-collapsed .nav-item{justify-content:center;padding:0}.app-shell.shell-collapsed .nav-group-label{font-size:9px;text-align:center;padding:10px 2px 2px}.sidebar-toggle-row{display:flex;justify-content:center;padding:8px 0 10px;border-top:1px solid var(--color-border-subtle);flex-shrink:0}.app-shell.shell-collapsed .sidebar-toggle-row{padding:8px 0}.app-body{display:flex;flex-direction:column;min-height:100vh;min-width:0;grid-column:2}.app-header{display:flex;align-items:center;gap:12px;height:var(--header-height);padding:0 16px;background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:15;flex-shrink:0}.header-breadcrumb{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:14px}.header-breadcrumb-parent{color:var(--color-text-muted);font-size:13px}.header-breadcrumb-sep{color:var(--color-text-faint)}.header-breadcrumb-current{font-weight:600;font-size:15px}.header-spacer{flex:1 1}.header-controls{display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-button-size);height:var(--icon-button-size);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.icon-button:hover{background:var(--color-muted-soft);color:var(--color-text)}.icon-button:disabled{opacity:.45;cursor:default}.selector-pill{display:inline-flex;align-items:center;gap:7px;height:var(--selector-height);padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:12.5px;cursor:pointer;white-space:nowrap}.selector-pill:hover:not(:disabled){border-color:var(--color-primary)}.selector-pill-disabled,.selector-pill:disabled{opacity:.55;cursor:not-allowed}.selector-pill-icon{display:inline-flex;color:var(--color-text-muted);flex-shrink:0}.selector-pill-label{max-width:220px;overflow:hidden;text-overflow:ellipsis}.selector-pill-chevron{display:inline-flex;color:var(--color-text-faint);flex-shrink:0}.selector-pill-status{font-size:10px;color:var(--color-text-faint);border-left:1px solid var(--color-border);padding-left:7px}.selector-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 6px 18px rgba(28,36,48,.08);padding:6px;z-index:40}.selector-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer;font-size:12.5px}.selector-option:hover{background:var(--color-muted-soft)}.selector-option-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.selector-option-main{flex:1 1;min-width:0}.selector-option-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-option-sub{display:block;font-size:11px;color:var(--color-text-muted);white-space:nowrap}.selector-option-check{color:var(--color-primary);flex-shrink:0}.selector-option-capability{display:flex;align-items:center;gap:4px;margin-top:3px}.capability-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.capability-dot-available{background:var(--color-success)}.capability-dot-not_connected{background:var(--color-info)}.capability-dot-unavailable{background:var(--color-warning)}.selector-note{padding:8px 10px;font-size:11px;color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle);margin-top:4px}.app-content{flex:1 1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--content-padding);min-width:0}.app-footer{display:flex;align-items:center;gap:16px;min-height:30px;padding:6px 16px;border-top:var(--border-width) solid var(--color-border-subtle);color:var(--color-text-faint);font-size:var(--text-micro);flex-shrink:0}.app-footer p{margin:0}.app-footer-spacer{flex:1 1}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.page-title{margin:0;font-size:var(--text-heading-md);font-weight:600}.page-description{margin:4px 0 0;color:var(--color-text-muted);font-size:var(--text-body);max-width:80ch}.page-header-right{flex-shrink:0}.page-scope{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 8px;background:var(--color-surface)}.note,.page-scope{color:var(--color-text-muted)}.note{margin:0 0 12px;font-size:12.5px;max-width:90ch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--card-padding);margin-bottom:var(--grid-gap)}.panel-title{margin:0 0 10px;font-size:var(--text-title-sm);font-weight:500;color:var(--color-text-muted)}.panel-subtitle{margin:14px 0 8px;font-size:var(--text-body);font-weight:600}.panel-note{margin:-4px 0 10px;color:var(--color-text-muted);font-size:12px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:var(--grid-gap)}.card-grid,.card-grid-kpi{display:grid;gap:var(--grid-gap);margin-bottom:var(--grid-gap)}.card-grid-kpi{grid-template-columns:repeat(6,1fr);grid-gap:var(--grid-gap)}.grid-row-3{grid-template-columns:1fr 1fr 1fr;grid-gap:var(--grid-gap)}.grid-row-2,.grid-row-3{display:grid;gap:var(--grid-gap);margin-bottom:var(--grid-gap)}.grid-row-2{grid-template-columns:1fr 1fr;grid-gap:var(--grid-gap)}.grid-strip{display:grid;grid-template-columns:1fr;grid-gap:var(--grid-gap);gap:var(--grid-gap);margin-bottom:var(--grid-gap)}@media (max-width:1280px){.card-grid-kpi{grid-template-columns:repeat(3,1fr)}.grid-row-3{grid-template-columns:1fr}}@media (max-width:1024px){.grid-row-2{grid-template-columns:1fr}.app-shell{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.app-sidebar{width:var(--sidebar-width-collapsed)}.nav-item-label,.nav-status-tag,.sidebar-brand-subtitle,.sidebar-brand-title{display:none}.nav-item{justify-content:center;padding:0}.nav-group-label{font-size:9px;text-align:center;padding:10px 2px 2px}}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px var(--card-padding);min-height:84px}.metric-card-emphasis{border-color:var(--accent);background:var(--accent-soft)}.metric-label{margin:0;font-size:var(--text-micro);color:var(--color-text-muted);letter-spacing:.02em;text-transform:none}.metric-value{margin:4px 0 0;font-size:var(--text-value-xl);font-weight:600;line-height:1.15}.metric-value-unavailable{color:var(--color-text-faint);font-size:var(--text-title-sm);font-weight:400;letter-spacing:.05em}.metric-hint{margin:6px 0 0;font-size:var(--text-micro);color:var(--color-text-muted)}.metric-state-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;color:var(--color-text-faint);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:2px 8px}.overview-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--grid-gap);gap:var(--grid-gap);margin-bottom:var(--grid-gap)}@media (max-width:1100px){.overview-row{grid-template-columns:1fr}}.fact-list{margin:0}.fact-list>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--muted-soft)}.fact-list>div:last-child{border-bottom:none}.fact-list dt{color:var(--text-muted);font-size:12.5px}.fact-list dd{margin:0;font-weight:600;text-align:right;font-size:12.5px}.fact-list-inline{display:flex;flex-wrap:wrap;gap:8px 28px}.fact-list-inline>div{border-bottom:none;padding:4px 0;min-width:130px;flex-direction:column;gap:2px}.fact-list-inline dd{text-align:left}.mono{font-family:Consolas,Courier New,monospace;font-size:12px;word-break:break-all}.state-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;text-align:center;margin-bottom:var(--grid-gap)}.state-panel-error{border-color:var(--error);background:var(--error-soft)}.state-title{margin:0;font-weight:600}.state-detail{margin:6px 0 0;color:var(--text-muted);font-size:12.5px}.banner{border-radius:var(--radius-md);padding:10px 14px;margin-bottom:var(--grid-gap);font-size:12.5px;border:1px solid var(--border)}.banner p{margin:0}.banner-stale{background:var(--warn-soft);border-color:var(--warn)}.banner-partial{background:var(--accent-soft);border-color:var(--accent)}.banner-warnings{color:var(--text-muted)}.module-unavailable{display:flex;flex-direction:column;gap:var(--grid-gap)}.module-unavailable-banner{display:flex;align-items:flex-start;gap:10px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px 16px}.module-unavailable-banner-icon{display:inline-flex;color:var(--color-text-faint);margin-top:1px}.module-unavailable-banner-title{margin:0;font-weight:600;font-size:var(--text-body)}.module-unavailable-banner-detail{margin:3px 0 0;color:var(--color-text-muted);font-size:12px;max-width:90ch}.module-section-label{margin:4px 0 8px;font-size:var(--text-title-sm);font-weight:600}.module-empty-surface{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-faint);font-size:var(--text-micro);min-height:96px;text-align:center}.module-empty-title{font-size:12px;color:var(--color-text-muted);font-weight:500}.module-empty-detail{max-width:60ch}.module-empty-surface-narrow{min-height:64px}.cumulative-bars{display:flex;flex-direction:column;gap:8px}.cumulative-row{display:grid;grid-template-columns:90px 1fr 48px;align-items:center;grid-gap:10px;gap:10px}.cumulative-label{font-size:12.5px;color:var(--text-muted);text-align:right}.cumulative-track{background:var(--muted-soft);height:16px;border-radius:var(--radius-sm);overflow:hidden}.cumulative-fill{background:var(--accent);height:100%;border-radius:var(--radius-sm)}.cumulative-value{font-weight:600;text-align:right;font-size:var(--text-body)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--grid-gap)}.data-table{width:100%;border-collapse:collapse;font-size:12.5px}.data-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--muted-soft);font-weight:600;white-space:nowrap}.data-table td{padding:7px 10px;border-bottom:1px solid var(--muted-soft);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--accent-soft)}.cell-keyword{max-width:260px;overflow-wrap:anywhere}.cell-sub{display:block;font-size:11px;margin-top:2px}.cell-sub,.table-empty{color:var(--text-muted)}.table-empty{text-align:center;padding:20px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12.5px;color:var(--text-muted)}.filter-bar,.pagination-buttons{display:flex;gap:8px}.filter-bar{flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:var(--grid-gap)}.filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-label{font-size:var(--text-micro);letter-spacing:.03em;color:var(--text-muted);min-width:96px;text-transform:none}.filter-count{font-size:12px;color:var(--text-muted);text-align:right}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.chip-active,.chip:hover{border-color:var(--accent)}.chip-active{background:var(--accent);color:#fff}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:5px 12px;font-size:12.5px;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:4px 8px;font-size:12.5px}.badge{display:inline-block;border-radius:4px;padding:1px 7px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-muted{background:var(--muted-soft);color:var(--muted)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-default{background:var(--muted-soft);color:var(--text)}.ext-link{color:var(--accent);text-decoration:none;overflow-wrap:anywhere}.ext-link:hover{text-decoration:underline}.text-muted{color:var(--text-muted)}.feature-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.class-list,.domain-list{display:flex;flex-direction:column;gap:3px}.class-item,.domain-item{font-size:12px}.domain-item{color:var(--text-muted);overflow-wrap:anywhere}.url-list{padding:0;list-style:none}.limitation-list,.url-list{margin:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.limitation-list{padding-left:18px;color:var(--text-muted)}.detail{gap:0}.detail,.freshness-list{display:flex;flex-direction:column}.freshness-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:8px 2px;border-bottom:1px solid var(--muted-soft)}.freshness-row:last-child{border-bottom:none}.freshness-icon{display:inline-flex;color:var(--color-text-muted)}.freshness-source{font-weight:500;font-size:12.5px}.freshness-sub{display:block;font-size:11px;color:var(--color-text-muted)}.freshness-date{font-size:11.5px;color:var(--color-text-muted);white-space:nowrap}.alert-list{display:flex;flex-direction:column}.alert-item{display:flex;gap:10px;padding:8px 2px;border-bottom:1px solid var(--muted-soft)}.alert-item:last-child{border-bottom:none}.alert-icon{display:inline-flex;margin-top:1px;flex-shrink:0}.alert-icon-info{color:var(--color-info)}.alert-icon-warn{color:var(--color-warning)}.alert-icon-error{color:var(--color-error)}.alert-title{margin:0;font-size:12.5px;font-weight:600}.alert-detail{margin:2px 0 0;font-size:11.5px;color:var(--color-text-muted)}.settings-section{display:flex;flex-direction:column;gap:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid var(--muted-soft)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:13px;font-weight:500}.settings-row-hint{display:block;font-size:11.5px;color:var(--color-text-muted);font-weight:400}.shell-density-compact .app-content{--content-padding:12px;--grid-gap:8px;--section-gap:12px;--card-padding:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.owner-pill{gap:6px}.owner-popover{min-width:160px;padding:4px}.owner-popover form{margin:0}.owner-logout-button{display:block;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-error);text-align:left;cursor:pointer;font-size:12.5px;font-family:inherit}.owner-logout-button:hover{background:var(--color-error-soft)}.owner-logout-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-page-bg);padding:24px}.login-card{width:100%;max-width:360px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 28px 28px;box-shadow:0 6px 18px rgba(28,36,48,.08)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px;text-align:center}.login-brand-name{font-size:17px;font-weight:700;color:var(--color-text)}.login-brand-product{font-size:12.5px;color:var(--color-text-muted)}.login-form{gap:16px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-label{font-size:12.5px;font-weight:500;color:var(--color-text-muted)}.login-input{height:38px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:14px;font-family:inherit}.login-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.login-error-slot{min-height:18px}.login-error{margin:0;font-size:12.5px;color:var(--color-error)}.login-submit{height:40px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#ffffff;font-size:14px;font-weight:600;cursor:pointer}.login-submit:hover:not(:disabled){background:#2f6fe0}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}