.user-avatar[data-v-6edcc221]{border:1px solid color-mix(in srgb, var(--text-on-primary) 28%, var(--border));background:var(--surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bg) 20%, transparent), 0 3px 10px color-mix(in srgb, var(--text) 16%, transparent);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.user-avatar__image[data-v-6edcc221]{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.user-avatar__fallback[data-v-6edcc221]{background:var(--gradient-accent);width:100%;height:100%;color:var(--text-on-primary);place-items:center;font-size:43%;font-weight:760;display:grid}.user-menu[data-v-5e783cd7]{position:relative}.user-trigger[data-v-5e783cd7]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 10px;cursor:pointer;border-radius:var(--radius-sm);width:100%;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex;position:relative}.user-trigger[data-v-5e783cd7]:hover,.user-trigger.active[data-v-5e783cd7]{background:var(--surface)}.user-menu.collapsed .user-trigger[data-v-5e783cd7]{padding:var(--space-sm) 0;justify-content:center}.meta[data-v-5e783cd7]{flex:1;min-width:0;overflow:hidden}.name[data-v-5e783cd7]{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.role[data-v-5e783cd7]{color:var(--text-muted);font-size:10px}.more[data-v-5e783cd7]{color:var(--text-muted);letter-spacing:-1px;padding:0 4px;font-size:16px;font-weight:700;transition:transform .15s}.more.rotate[data-v-5e783cd7]{transform:rotate(90deg)}.popover[data-v-5e783cd7]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;overscroll-behavior:contain;max-height:calc(100dvh - 16px);padding:6px;position:fixed;overflow-y:auto}.popover-header[data-v-5e783cd7]{align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border);margin-bottom:8px;padding:8px 6px 12px;display:flex}.popover-user[data-v-5e783cd7]{flex:1;min-width:0}.popover-name[data-v-5e783cd7]{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.popover-role[data-v-5e783cd7]{color:var(--text-muted);font-size:11px}.popover-section[data-v-5e783cd7]{margin-bottom:8px}.popover-section-label[data-v-5e783cd7]{text-transform:uppercase;color:var(--text-muted);letter-spacing:.6px;padding:4px 6px 6px;font-size:10px;font-weight:600}.ss-tabs[data-v-5e783cd7]{gap:4px;padding:0 4px;display:flex}.ss-tab[data-v-5e783cd7]{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 6px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.ss-tab[data-v-5e783cd7]:hover{border-color:var(--primary);color:var(--text)}.ss-tab.active[data-v-5e783cd7]{background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm);border-color:#0000}.ss-icon[data-v-5e783cd7]{opacity:.85;flex-shrink:0}.ss-tab.active .ss-icon[data-v-5e783cd7]{opacity:1}.ss-text[data-v-5e783cd7]{font-size:11px}.theme-tabs[data-v-5e783cd7]{gap:4px;padding:0 4px;display:flex}.theme-tab[data-v-5e783cd7]{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:11px;transition:all .12s;display:inline-flex}.theme-tab[data-v-5e783cd7]:hover{border-color:var(--accent);color:var(--text)}.theme-tab.active[data-v-5e783cd7]{background:var(--primary-dim);border-color:var(--primary);color:var(--primary);font-weight:600}.theme-swatch[data-v-5e783cd7]{border:1px solid var(--border);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0}.theme-swatch-graphite[data-v-5e783cd7]{background:linear-gradient(135deg,#2a2d3a,#18181d)}.theme-swatch-carbon[data-v-5e783cd7]{background:linear-gradient(135deg,#3b82f6,#0c0c0c)}.theme-swatch-pure[data-v-5e783cd7]{background:linear-gradient(135deg,#fff,#d4d4d4)}.theme-text[data-v-5e783cd7]{font-size:10px}.popover-item[data-v-5e783cd7]{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;padding:8px;font-size:13px;display:flex}.popover-item[data-v-5e783cd7]:hover{background:var(--surface)}.popover-item.logout[data-v-5e783cd7]:hover{background:var(--danger-dim);color:var(--danger)}.popover-item-icon-svg[data-v-5e783cd7]{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.popover-item:hover .popover-item-icon-svg[data-v-5e783cd7]{color:var(--text)}.popover-item.logout:hover .popover-item-icon-svg[data-v-5e783cd7]{color:var(--danger)}.popover-item-label[data-v-5e783cd7]{flex:1}.popover-item-shortcut[data-v-5e783cd7]{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-family:monospace;font-size:11px}.popover-divider[data-v-5e783cd7]{border:none;border-top:1px solid var(--border);margin:6px 0}.popover-enter-active[data-v-5e783cd7],.popover-leave-active[data-v-5e783cd7]{transition:opacity .15s,transform .15s}.popover-enter-from[data-v-5e783cd7],.popover-leave-to[data-v-5e783cd7]{opacity:0;transform:translateY(4px)}.sidebar[data-v-0355add9]{width:var(--sidebar-width);background:var(--bg-elevated);border-right:1px solid var(--border);height:100dvh;transition:width var(--transition-normal) ease;z-index:100;white-space:nowrap;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed[data-v-0355add9]{width:var(--sidebar-collapsed-width);overflow:visible}.sidebar-header[data-v-0355add9]{padding:var(--space-sm) var(--space-sm);padding-top:calc(var(--space-sm) + constant(safe-area-inset-top));padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-header[data-v-0355add9]{padding:var(--space-sm) 0;padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));justify-content:center}.sidebar-header>.logo[data-v-0355add9],.sidebar-header>.toggle-btn[data-v-0355add9]{transform:translateY(var(--sidebar-brand-center-offset))}.sidebar.collapsed .toggle-btn[data-v-0355add9]{display:none}.logo[data-v-0355add9]{align-items:center;gap:var(--space-sm);white-space:nowrap;display:flex;overflow:hidden}.logo-radar[data-v-0355add9]{background:var(--gradient-primary);width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.logo-radar[data-v-0355add9]:before{content:"";background:linear-gradient(#ffffff26 0%,#0000 50%);border-radius:10px;position:absolute;inset:0}.logo-radar-svg[data-v-0355add9]{z-index:1;width:28px;height:28px;position:relative}.brand-logo-wrap[data-v-0355add9]{background:color-mix(in srgb, var(--surface) 68%, transparent);width:38px;height:38px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-logo-ring) 58%, transparent);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex;position:relative;overflow:hidden}.brand-logo-img[data-v-0355add9]{object-fit:contain;object-position:50% 50%;z-index:1;clip-path:circle(50%);width:100%;height:100%;filter:saturate(.94) drop-shadow(0 1px 2px color-mix(in srgb, var(--text) 14%, transparent));border-radius:50%;display:block;position:relative}.logo-wrap[data-v-0355add9]{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex}.logo-text[data-v-0355add9]{background:var(--gradient-primary);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.logo-text.is-client-brand[data-v-0355add9]{max-width:145px;color:var(--brand-client-name);letter-spacing:.01em;text-overflow:ellipsis;-webkit-text-fill-color:currentColor;background:0 0;font-size:14px;overflow:hidden}.logo-subtitle[data-v-0355add9]{color:var(--text-muted);letter-spacing:0;white-space:normal;text-overflow:clip;max-width:100%;margin-top:2px;font-size:9px;font-weight:500;line-height:1.15;overflow:visible}.client-marker[data-v-0355add9]{flex-shrink:0;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex}.cm-line[data-v-0355add9]{background:linear-gradient(90deg, transparent, var(--brand-hairline));flex:1;min-width:12px;height:1px}.cm-line-r[data-v-0355add9]{background:linear-gradient(270deg, transparent, var(--brand-hairline))}.cm-name[data-v-0355add9]{letter-spacing:.5px;min-width:0;color:var(--brand-client-name);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;font-size:12px;font-weight:600;overflow:hidden}.toggle-btn[data-v-0355add9]{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.toggle-btn[data-v-0355add9]:hover{background:var(--surface);color:var(--text)}.sidebar-nav[data-v-0355add9]{padding:var(--space-sm);flex:1;overflow-y:auto}.sidebar.collapsed .sidebar-nav[data-v-0355add9]{overflow:visible}.nav-group[data-v-0355add9]{margin-bottom:var(--space-sm)}.pinned-group[data-v-0355add9]{margin-bottom:var(--space-md)}.nav-group-label-pinned[data-v-0355add9]{align-items:center;gap:6px;color:var(--accent)!important;cursor:default!important;display:flex!important}.nav-group-label-pinned .pinned-star[data-v-0355add9]{color:var(--accent);font-size:13px}.nav-group-caret[data-v-0355add9]{width:14px;height:14px;color:var(--text-muted);opacity:.75;transition:transform var(--transition-fast), opacity var(--transition-fast);vertical-align:-2px;justify-content:center;align-items:center;margin-right:5px;display:inline-flex}.nav-group-caret.open[data-v-0355add9]{transform:rotate(90deg)}@media (hover:hover){.nav-group-label.is-toggle[data-v-0355add9]:hover{color:var(--text)}.nav-group-label.is-toggle:hover .nav-group-caret[data-v-0355add9]{opacity:1}}.nav-group-label.is-toggle[data-v-0355add9]:active{color:var(--text)}.nav-group-label[data-v-0355add9]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:var(--space-sm) var(--space-sm);margin-top:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;align-items:center;font-size:11px;font-weight:600;display:flex}.nav-group-divider[data-v-0355add9]{background:var(--border);height:1px;margin:var(--space-sm) var(--space-sm);position:relative}.sidebar.collapsed .sidebar-nav>.nav-group:first-child>.nav-group-divider[data-v-0355add9]{transform:translateY(var(--sidebar-first-divider-offset))}.nav-item[data-v-0355add9]{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);cursor:pointer;touch-action:manipulation;margin-bottom:2px;padding:8px 10px;text-decoration:none;display:flex;position:relative}.sidebar.collapsed .nav-item[data-v-0355add9]{background:0 0;justify-content:center;min-height:44px;padding:5px 0;overflow:visible}@media (hover:hover){.nav-item[data-v-0355add9]:hover{background:var(--surface);color:var(--text)}}.nav-item[data-v-0355add9]:active{background:var(--surface)}.nav-item.active[data-v-0355add9]{background:color-mix(in srgb, var(--brand-navigation) 10%, var(--surface));color:var(--brand-navigation)}.nav-icon-shell[data-v-0355add9]{width:32px;height:32px;transform:translate(var(--dock-lift-x,0), var(--dock-shift-y,0));flex-shrink:0;justify-content:center;align-items:center;transition:transform .11s cubic-bezier(.2,.82,.2,1);display:inline-flex}@media (hover:hover){.sidebar.collapsed .nav-item[data-v-0355add9]:hover{background:0 0}}.sidebar.collapsed .nav-item[data-v-0355add9]:focus-visible{--dock-scale:var(--dock-focus-scale);--dock-lift-x:8px;outline:2px solid var(--accent);outline-offset:2px}.nav-icon[data-v-0355add9]{--dock-icon-size:calc(18px * var(--dock-scale,1));opacity:.82;shape-rendering:geometricprecision;transition:width .11s cubic-bezier(.2, .82, .2, 1), height .11s cubic-bezier(.2, .82, .2, 1), opacity var(--transition-fast);flex-shrink:0}@media (hover:hover){.sidebar:not(.collapsed) .nav-item:hover .nav-icon[data-v-0355add9]{opacity:.95}}.nav-item.active .nav-icon[data-v-0355add9]{opacity:1}.sidebar-nav.dock-releasing .nav-icon-shell[data-v-0355add9]{transition:transform .26s cubic-bezier(.22,.68,.24,1)}.sidebar-nav.dock-releasing .nav-icon[data-v-0355add9]{transition:width .26s cubic-bezier(.22, .68, .24, 1), height .26s cubic-bezier(.22, .68, .24, 1), opacity var(--transition-fast)}.nav-dock-label[data-v-0355add9]{--dock-tooltip-bg:color-mix(in srgb, var(--surface) 96%, var(--bg-elevated));z-index:40;border:1px solid var(--border);background:var(--dock-tooltip-bg);max-width:144px;box-shadow:var(--shadow-md);color:var(--text);opacity:0;pointer-events:none;text-overflow:ellipsis;transform:translate3d(var(--dock-lift-x,0), calc(-50% + var(--dock-shift-y,0)), 0) scale(.96);transform-origin:0;visibility:hidden;white-space:nowrap;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:620;line-height:1.2;transition:opacity 90ms,transform .12s cubic-bezier(.2,.82,.2,1),visibility 0s linear .12s;position:absolute;top:50%;left:calc(100% + 10px);overflow:visible}.nav-dock-label[data-v-0355add9]:before{content:"";border-bottom:1px solid var(--border);border-left:1px solid var(--border);background:var(--dock-tooltip-bg);border-bottom-left-radius:2px;width:9px;height:9px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}.sidebar.collapsed .nav-item.dock-focused .nav-dock-label[data-v-0355add9],.sidebar.collapsed .nav-item:focus-visible .nav-dock-label[data-v-0355add9]{opacity:1;transform:translate3d(var(--dock-lift-x,0), calc(-50% + var(--dock-shift-y,0)), 0) scale(1);visibility:visible;transition-delay:0s}.sidebar-nav.dock-releasing .nav-dock-label[data-v-0355add9]{opacity:0}.nav-label[data-v-0355add9]{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}@media (prefers-reduced-motion:reduce){.sidebar.collapsed .nav-icon-shell[data-v-0355add9]{transition:none;transform:none}.sidebar.collapsed .nav-icon[data-v-0355add9]{--dock-icon-size:18px;transition:none}.sidebar.collapsed .nav-dock-label[data-v-0355add9]{transition:none}}.pin-btn[data-v-0355add9]{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:13px;line-height:1;transition:opacity .12s,color .12s,background .12s}@media (hover:hover){.nav-item:hover .pin-btn[data-v-0355add9]{opacity:1}.pin-btn[data-v-0355add9]:hover{background:var(--surface);color:var(--accent)}.pin-btn.pinned[data-v-0355add9]:hover{color:var(--text-muted)}}.pin-btn.pinned[data-v-0355add9]{opacity:.85;color:var(--accent)}.sidebar-footer[data-v-0355add9]{padding:6px var(--space-sm);padding-bottom:calc(6px + constant(safe-area-inset-bottom));padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0}@media (width<=768px){.sidebar[data-v-0355add9]{z-index:200;transition:transform var(--transition-normal) ease, width var(--transition-normal) ease}.sidebar.mobile-hidden[data-v-0355add9]{transform:translate(-100%)}.sidebar.mobile-open[data-v-0355add9]{width:var(--sidebar-width);transform:translate(0)}.sidebar.mobile-open.collapsed[data-v-0355add9]{width:var(--sidebar-width)}.toggle-btn[data-v-0355add9]{display:none}}.bottom-tab-bar[data-v-d60a0b06]{z-index:999;background:var(--bg-elevated);border-top:1px solid var(--border);height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + max(8px, env(safe-area-inset-bottom,8px)));padding-bottom:0;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.bottom-tab-bar[data-v-d60a0b06]{display:flex}}.tab-item[data-v-d60a0b06]{padding:6px 0 calc(constant(safe-area-inset-bottom)) 0;padding:6px 0 max(8px, env(safe-area-inset-bottom,8px)) 0;color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:color var(--transition-fast), background var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tab-item[data-v-d60a0b06]>*{pointer-events:none}.tab-item[data-v-d60a0b06]:active{background:var(--surface-hover)}.tab-item.active[data-v-d60a0b06]{color:var(--brand-navigation)}.tab-icon[data-v-d60a0b06]{opacity:.6;transition:opacity var(--transition-fast)}.tab-item.active .tab-icon[data-v-d60a0b06]{opacity:1}.tab-label[data-v-d60a0b06]{font-size:10px;font-weight:500;line-height:1}.toast-host[data-v-557d7845]{bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));z-index:999;gap:var(--space-sm);pointer-events:none;flex-direction:column;width:max-content;max-width:90vw;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast[data-v-557d7845]{pointer-events:auto;align-items:center;gap:var(--space-sm);padding:10px var(--space-md) 10px var(--space-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);border-radius:999px;max-width:min(560px,90vw);min-height:36px;font-size:13px;font-weight:500;display:inline-flex}.toast-msg[data-v-557d7845]{white-space:pre-wrap;word-break:break-word;flex:1;min-width:0;line-height:1.5}.toast-link[data-v-557d7845]{color:var(--surface);transition:filter var(--transition-fast);background:currentColor;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:700;text-decoration:none}.toast-link[data-v-557d7845]:hover{filter:brightness(1.1)}.toast-close[data-v-557d7845]{width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;font-size:18px;line-height:1}.toast-close[data-v-557d7845]:hover{background:var(--bg-elevated);color:var(--text)}.toast-success[data-v-557d7845]{border-color:var(--success);background:var(--success-dim);color:var(--success)}.toast-error[data-v-557d7845]{border-color:var(--danger);background:var(--danger-dim);color:var(--danger)}.toast-info[data-v-557d7845]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.toast-warning[data-v-557d7845]{border-color:var(--warning);background:var(--warning-dim);color:var(--warning)}.toast-stack-enter-active[data-v-557d7845],.toast-stack-leave-active[data-v-557d7845]{transition:opacity var(--transition-base), transform var(--transition-base)}.toast-stack-enter-from[data-v-557d7845]{opacity:0;transform:translateY(20px)}.toast-stack-leave-to[data-v-557d7845]{opacity:0;transform:translateY(8px)}@media (width<=768px){.toast-host[data-v-557d7845]{left:var(--space-md);right:var(--space-md);bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));width:auto;max-width:none;transform:none}.toast[data-v-557d7845]{width:100%;max-width:none}}.app-empty[data-v-758e3620]{text-align:center;color:var(--text-muted);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.app-empty-icon[data-v-758e3620]{opacity:.55;margin-bottom:var(--space-sm);justify-content:center;align-items:center;display:flex}.app-empty-emoji[data-v-758e3620]{font-size:32px;line-height:1}.app-empty-title[data-v-758e3620]{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.app-empty-desc[data-v-758e3620]{color:var(--text-muted);max-width:360px;margin-top:4px;font-size:12px;line-height:1.6}.app-empty-action[data-v-758e3620]{margin-top:var(--space-md);gap:var(--space-sm);justify-content:center;display:flex}.app-empty.size-lg[data-v-758e3620]{padding:60px 24px}.app-empty.size-lg .app-empty-emoji[data-v-758e3620]{font-size:56px}.app-empty.size-lg .app-empty-title[data-v-758e3620]{font-size:16px}.app-empty.size-lg .app-empty-desc[data-v-758e3620]{font-size:13px}.app-empty.size-md[data-v-758e3620]{padding:32px 16px}.app-empty.size-mini[data-v-758e3620]{padding:12px 10px}.app-empty.size-mini .app-empty-emoji[data-v-758e3620]{font-size:20px}.app-empty.size-mini .app-empty-icon[data-v-758e3620]{margin-bottom:4px}.app-empty.size-mini .app-empty-title[data-v-758e3620]{font-size:12px;font-weight:500}.app-empty.size-mini .app-empty-desc[data-v-758e3620]{margin-top:2px;font-size:11px}.app-empty.tone-info[data-v-758e3620]{background:var(--accent-dim);border:1px dashed var(--accent)}.app-empty.tone-info .app-empty-title[data-v-758e3620]{color:var(--accent)}.app-empty.tone-warning[data-v-758e3620]{background:var(--warning-dim);border:1px dashed var(--warning)}.app-empty.tone-warning .app-empty-title[data-v-758e3620]{color:var(--warning)}.app-layout[data-v-43f34b0e]{height:var(--app-height,100vh);background-color:var(--bg);background-image:var(--brand-shell-wash);isolation:isolate;height:100dvh;overflow:hidden}.main-content[data-v-43f34b0e]{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.route-loading-shell[data-v-43f34b0e]{min-height:0;padding:var(--space-lg);opacity:0;flex:1;animation:.16s .22s forwards reveal-route-loading-43f34b0e;overflow:hidden}.route-loading-shell[data-v-43f34b0e] .loading-anim{gap:var(--space-md);padding-top:var(--space-lg)}.route-loading-shell[data-v-43f34b0e] .loading-ring{width:44px;height:44px}.route-loading-shell[data-v-43f34b0e] .loading-ring-icon{width:20px;height:20px}.route-loading-shell[data-v-43f34b0e] .loading-skeleton{max-width:880px;margin-inline:auto}.route-loading-shell[data-v-43f34b0e] .loading-progress{max-width:280px}@keyframes reveal-route-loading-43f34b0e{to{opacity:1}}@media (prefers-reduced-motion:reduce){.route-loading-shell[data-v-43f34b0e]{animation-duration:1ms}}@media (width<=768px){.main-content[data-v-43f34b0e]:before{right:var(--space-md);width:72px}}.mobile-overlay[data-v-43f34b0e]{background:color-mix(in srgb, var(--bg) 55%, transparent);z-index:150;position:fixed;inset:0}:root,[data-theme=cyber]{--bg:#0a0a1a;--bg-elevated:#12122a;--surface:#1a1a3e;--surface-hover:#22224a;--surface-2:transparent;--text:#e8e8f0;--text-secondary:#a0a0c0;--text-muted:#6a6a90;--text-on-primary:#fff;--border:#ffffff14;--border-hover:#ffffff26;--border-soft:var(--border);--primary:#c084fc;--primary-hover:#d4a0ff;--primary-dim:#c084fc26;--accent:#22d3ee;--accent-dim:#22d3ee26;--success:#4ade80;--success-dim:#4ade801f;--warning:#fbbf24;--warning-dim:#fbbf241f;--danger:#f87171;--danger-dim:#f871711f;--gradient-primary:linear-gradient(135deg, #c084fc, #818cf8);--gradient-accent:linear-gradient(135deg, #22d3ee, #818cf8);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #c084fc26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--type-editorial-display:clamp(26px, 2.45vw, 36px);--type-editorial-display-compact:clamp(24px, 2.2vw, 34px);--type-editorial-feature:28px;--type-editorial-metric:23px;--type-editorial-watermark:clamp(64px, 8vw, 112px);--merchandise-hero-artwork-width:170px;--merchandise-hero-artwork-height:196px;--merchandise-hero-call-min:245px;--merchandise-hero-call-max:310px;--merchandise-hero-gap:26px;--merchandise-hero-padding:28px;--merchandise-hero-min-height:260px;--sidebar-width:240px;--sidebar-collapsed-width:64px;--sidebar-brand-center-offset:9px;--sidebar-first-divider-offset:2px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}@media (width<=768px){:root{--sidebar-brand-center-offset:0px;--sidebar-first-divider-offset:0px}}[data-theme=latte]{--bg:#faf6f1;--bg-elevated:#f2ece4;--surface:#ebe3d8;--surface-hover:#e0d6c8;--text:#2c2418;--text-secondary:#6b5d4e;--text-muted:#9a8d7e;--border:#00000014;--border-hover:#00000026;--primary:#b8742c;--primary-hover:#d4883a;--primary-dim:#b8742c1f;--accent:#7c6350;--accent-dim:#7c63501f;--success:#5a9e3e;--success-dim:#5a9e3e1a;--warning:#d4943c;--warning-dim:#d4943c1a;--danger:#c45040;--danger-dim:#c450401a;--gradient-primary:linear-gradient(135deg, #b8742c, #9a5e1e);--gradient-accent:linear-gradient(135deg, #7c6350, #5a4838);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-glow:0 0 20px #b8742c1a}[data-theme=royal]{--bg:#0f0a18;--bg-elevated:#1a1228;--surface:#251a3a;--surface-hover:#2e2248;--text:#f0e8f8;--text-secondary:#c0a8d8;--text-muted:#8068a0;--border:#ffffff14;--border-hover:#ffffff26;--primary:#d4a017;--primary-hover:#eab308;--primary-dim:#d4a01726;--accent:#a78bfa;--accent-dim:#a78bfa26;--gradient-primary:linear-gradient(135deg, #d4a017, #b8860b);--gradient-accent:linear-gradient(135deg, #a78bfa, #8b5cf6);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-glow:0 0 20px #d4a01726}[data-theme=sunset]{--bg:#fdf8f3;--bg-elevated:#f5ede4;--surface:#ede2d5;--surface-hover:#e4d6c6;--text:#2e2520;--text-secondary:#74614e;--text-muted:#a0907e;--border:#00000012;--border-hover:#00000021;--primary:#d06030;--primary-hover:#e07040;--primary-dim:#d060301f;--accent:#8b6e55;--accent-dim:#8b6e551f;--success:#4a9850;--success-dim:#4a98501a;--warning:#c88830;--warning-dim:#c888301a;--danger:#c04040;--danger-dim:#c040401a;--gradient-primary:linear-gradient(135deg, #d06030, #b84820);--gradient-accent:linear-gradient(135deg, #8b6e55, #6a5240);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-glow:0 0 20px #d060301a}[data-theme=carbon]{--bg:#0c0c0c;--bg-elevated:#141414;--surface:#1c1c1c;--surface-hover:#252525;--text:#e4e4e4;--text-secondary:#999;--text-muted:#5c5c5c;--border:#ffffff0f;--border-hover:#ffffff1f;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-dim:#3b82f61f;--accent:#94a3b8;--accent-dim:#94a3b81f;--success:#22c55e;--success-dim:#22c55e1a;--warning:#f59e0b;--warning-dim:#f59e0b1a;--danger:#ef4444;--danger-dim:#ef44441a;--gradient-primary:linear-gradient(135deg, #3b82f6, #2563eb);--gradient-accent:linear-gradient(135deg, #94a3b8, #64748b);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-glow:0 0 20px #3b82f61a}[data-theme=graphite]{--bg:#111115;--bg-elevated:#18181d;--surface:#202028;--surface-hover:#282832;--text:#dcdce0;--text-secondary:#9898a8;--text-muted:#58586a;--border:#ffffff0f;--border-hover:#ffffff1c;--primary:#d4a053;--primary-hover:#e0b46a;--primary-dim:#d4a0531f;--accent:#7c8db5;--accent-dim:#7c8db51f;--success:#5cb85c;--success-dim:#5cb85c1a;--warning:#e8a838;--warning-dim:#e8a8381a;--danger:#d9534f;--danger-dim:#d9534f1a;--gradient-primary:linear-gradient(135deg, #d4a053, #b8862b);--gradient-accent:linear-gradient(135deg, #7c8db5, #5a6a8a);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-glow:0 0 20px #d4a0531a}[data-theme=rosewood]{--bg:#120e0e;--bg-elevated:#1a1414;--surface:#241c1c;--surface-hover:#2e2424;--text:#e8e0e0;--text-secondary:#b09898;--text-muted:#6e5858;--border:#ffffff0f;--border-hover:#ffffff1c;--primary:#e8788a;--primary-hover:#f09aa8;--primary-dim:#e8788a1f;--accent:#c4956a;--accent-dim:#c4956a1f;--success:#6bc77a;--success-dim:#6bc77a1a;--warning:#e8b44c;--warning-dim:#e8b44c1a;--danger:#e85858;--danger-dim:#e858581a;--gradient-primary:linear-gradient(135deg, #e8788a, #c45a6a);--gradient-accent:linear-gradient(135deg, #c4956a, #a07850);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-glow:0 0 20px #e8788a1a}[data-theme=mint]{--bg:#f2faf6;--bg-elevated:#e8f5ee;--surface:#dceee4;--surface-hover:#cfe6d8;--text:#1a2e24;--text-secondary:#4a6e58;--text-muted:#7a9a88;--border:#00000012;--border-hover:#00000021;--primary:#0d9668;--primary-hover:#10b87e;--primary-dim:#0d96681f;--accent:#3a8a6a;--accent-dim:#3a8a6a1f;--success:#1a9e50;--success-dim:#1a9e501a;--warning:#c89030;--warning-dim:#c890301a;--danger:#d04848;--danger-dim:#d048481a;--gradient-primary:linear-gradient(135deg, #0d9668, #08785a);--gradient-accent:linear-gradient(135deg, #3a8a6a, #2a6a50);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-glow:0 0 20px #0d96681a}[data-theme=sky]{--bg:#f4f8fc;--bg-elevated:#eaf1f8;--surface:#dde8f2;--surface-hover:#d0dfec;--text:#1a2536;--text-secondary:#4a6080;--text-muted:#7a90a8;--border:#00000012;--border-hover:#00000021;--primary:#2563eb;--primary-hover:#3b82f6;--primary-dim:#2563eb1a;--accent:#4a80c8;--accent-dim:#4a80c81f;--success:#16a34a;--success-dim:#16a34a1a;--warning:#d97706;--warning-dim:#d977061a;--danger:#dc2626;--danger-dim:#dc26261a;--gradient-primary:linear-gradient(135deg, #2563eb, #1d4ed8);--gradient-accent:linear-gradient(135deg, #4a80c8, #3660a0);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-glow:0 0 20px #2563eb1a}[data-theme=pure]{--bg:#fafbfc;--bg-elevated:#fff;--surface:#f5f6f8;--surface-hover:#ebedf0;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#0f172a14;--border-hover:#6366f140;--primary:#6366f1;--primary-hover:#4f46e5;--primary-dim:#6366f114;--accent:#0ea5e9;--accent-dim:#0ea5e914;--success:#16a34a;--success-dim:#16a34a1a;--warning:#d97706;--warning-dim:#d977061a;--danger:#dc2626;--danger-dim:#dc26261a;--gradient-primary:linear-gradient(135deg, #818cf8, #6366f1);--gradient-accent:linear-gradient(135deg, #38bdf8, #0ea5e9);--gradient-surface:linear-gradient(180deg, var(--bg-elevated), var(--surface));--shadow-sm:0 1px 2px #0f172a0d, 0 1px 1px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0d;--shadow-lg:0 12px 32px #0f172a1a, 0 4px 12px #0f172a0f;--shadow-glow:0 0 20px #6366f11f}[data-theme=titanium]{--bg:#0e1012;--bg-elevated:#151719;--surface:#1d2024;--surface-hover:#25282e;--text:#d8dce0;--text-secondary:#8a9098;--text-muted:#50565e;--border:#ffffff0d;--border-hover:#ffffff1a;--primary:#00d68f;--primary-hover:#2aea9f;--primary-dim:#00d68f1f;--accent:#4dc9f6;--accent-dim:#4dc9f61f;--success:#00d68f;--success-dim:#00d68f1a;--warning:#fa0;--warning-dim:#ffaa001a;--danger:#ff3d71;--danger-dim:#ff3d711a;--gradient-primary:linear-gradient(135deg, #00d68f, #00b887);--gradient-accent:linear-gradient(135deg, #4dc9f6, #0095d5);--gradient-surface:linear-gradient(180deg, var(--surface), var(--bg-elevated));--shadow-glow:0 0 20px #00d68f1a}[data-theme=living]{--bg:#f7f8f6;--bg-elevated:#fff;--surface:#fff;--surface-hover:#eef1ee;--text:#1a201d;--text-secondary:#3d4742;--text-muted:#5f6b64;--text-on-primary:#fff;--border:#1a201d1a;--border-hover:#1f9e784d;--primary:#1f9e78;--primary-hover:#18815f;--primary-dim:#1f9e781a;--accent:#3f6e8c;--accent-dim:#3f6e8c1a;--success:#1f9e78;--success-dim:#1f9e781f;--warning:#ba7517;--warning-dim:#ba75171a;--danger:#c2410c;--danger-dim:#c2410c1a;--gradient-primary:linear-gradient(135deg, #1f9e78, #1f9e78);--gradient-accent:linear-gradient(135deg, #3f6e8c, #3f6e8c);--gradient-surface:linear-gradient(180deg, var(--surface), var(--surface));--shadow-sm:0 1px 2px #1a201d0d;--shadow-md:0 4px 12px #1a201d12;--shadow-lg:0 12px 32px #1a201d1a;--shadow-glow:none}[data-theme=living-night]{--bg:#0e1311;--bg-elevated:#1a211d;--surface:#141a17;--surface-hover:#1f2723;--text:#e6ece8;--text-secondary:#aab4ae;--text-muted:#8a968f;--text-on-primary:#07130e;--border:#e6ece814;--border-hover:#34b88c4d;--primary:#34b88c;--primary-hover:#4ccfa1;--primary-dim:#34b88c24;--accent:#5e8aa6;--accent-dim:#5e8aa624;--success:#34b88c;--success-dim:#34b88c1f;--warning:#d99a3c;--warning-dim:#d99a3c1f;--danger:#e8674a;--danger-dim:#e8674a1f;--gradient-primary:linear-gradient(135deg, #34b88c, #34b88c);--gradient-accent:linear-gradient(135deg, #5e8aa6, #5e8aa6);--gradient-surface:linear-gradient(180deg, var(--surface), var(--surface));--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:none}:root{--neon-pink:#ff2ebe;--neon-cyan:#00d9ff;--neon-purple:#b57bff;--neon-violet:#7c3aed;--neon-gold:#fbbf24;--neon-emerald:#34d399;--neon-coral:#f87171;--neon-text-primary:#f8fafc;--neon-text-muted:#94a3b8;--copilot-primary:#6366f1;--copilot-primary-dim:#6366f11f;--copilot-accent:#a78bfa;--copilot-violet:#8b5cf6;--copilot-gradient:linear-gradient(135deg, #6366f1, #a78bfa);--brand-navigation:var(--primary);--brand-forecast:var(--primary);--brand-forecast-soft:var(--primary-dim);--brand-data-accent:var(--primary);--brand-data-accent-soft:var(--primary-dim);--brand-hairline:var(--border);--brand-logo-ring:var(--border);--brand-logo-shadow:var(--shadow-sm);--brand-client-name:var(--text-secondary);--brand-clock-primary:var(--primary);--brand-clock-secondary:var(--accent);--brand-clock-metal:var(--border-hover);--brand-instrument-surface:var(--text);--brand-instrument-surface-deep:color-mix(in srgb, var(--text) 94%, var(--primary));--brand-instrument-ink:var(--bg);--brand-instrument-muted:color-mix(in srgb, var(--bg) 62%, transparent);--brand-data-panel:var(--primary);--brand-data-panel-text:var(--text-on-primary);--brand-data-panel-muted:color-mix(in srgb, var(--text-on-primary) 82%, transparent);--operating-stage-surface:var(--brand-instrument-surface-deep);--operating-stage-ink:var(--brand-instrument-ink);--operating-stage-muted:var(--brand-instrument-muted);--operating-stage-divider:color-mix(in srgb, var(--brand-instrument-ink) 18%, transparent);--operating-stage-watermark:color-mix(in srgb, var(--brand-instrument-ink) 5%, transparent);--operating-watermark-tracking:.01em;--operating-accent:var(--primary);--operating-accent-soft:color-mix(in srgb, var(--primary) 9%, transparent);--operating-result-surface:color-mix(in srgb, var(--primary) 4%, var(--surface));--operating-result-ink:var(--text);--operating-result-muted:var(--text-secondary);--operating-result-divider:var(--border);--operating-action-surface:var(--text);--operating-action-ink:var(--surface);--operating-action-hover:color-mix(in srgb, var(--text) 85%, var(--primary));--brand-shell-wash:linear-gradient(transparent, transparent);--brand-panel-wash:var(--surface);--brand-table-head:var(--surface);--brand-row-hover:var(--surface-hover)}.operating-editorial-stage{background:var(--operating-stage-surface);color:var(--operating-stage-ink)}.operating-editorial-stage :is(.operating-editorial-kicker,.eyebrow){color:var(--operating-accent)}.operating-editorial-stage :is(h1,h2,h3,strong,b){color:var(--operating-stage-ink)}.operating-editorial-stage :is(p,small,.operating-editorial-muted){color:var(--operating-stage-muted)}.operating-hero-aside{isolation:isolate;background:radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--operating-accent) 7%, transparent), transparent 65%), var(--operating-result-surface);color:var(--operating-result-ink);position:relative;overflow:hidden}.operating-hero-aside:before,.operating-hero-aside:after{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--operating-result-ink) 14%, transparent);content:"";pointer-events:none;width:115%;-webkit-mask-image:linear-gradient(135deg, transparent 10%, var(--operating-result-ink) 65%);mask-image:linear-gradient(135deg, transparent 10%, var(--operating-result-ink) 65%);border-radius:50%;position:absolute}.operating-hero-aside:before{top:-48%;right:-68%}.operating-hero-aside:after{width:140%;box-shadow:0 0 0 16px color-mix(in srgb, var(--operating-result-ink) 2%, transparent), 0 0 0 17px color-mix(in srgb, var(--operating-result-ink) 5%, transparent);top:72%;right:-36%}.operating-hero-aside :is(strong,b,h2,h3,button,a){color:var(--operating-result-ink)}.operating-hero-aside :is(small,p,dt){color:var(--operating-result-muted)}.operating-hero-aside dd{color:var(--operating-result-ink)}[data-brand-atmosphere=dq]{--brand-vi-red:#e31b23;--brand-vi-blue:#00a4e4;--brand-navigation:var(--primary);--brand-forecast:var(--primary);--brand-forecast-soft:var(--primary-dim);--brand-data-accent:var(--accent);--brand-data-accent-soft:var(--accent-dim);--brand-hairline:var(--border);--brand-logo-ring:color-mix(in srgb, var(--brand-vi-red) 18%, var(--border));--brand-logo-shadow:0 3px 12px color-mix(in srgb, var(--brand-vi-red) 5%, transparent);--brand-client-name:color-mix(in srgb, var(--text) 92%, var(--brand-vi-red));--brand-clock-primary:var(--brand-vi-blue);--brand-clock-secondary:var(--brand-vi-red);--brand-clock-metal:#c2ad7b;--brand-instrument-surface:#142027;--brand-instrument-surface-deep:#0b1217;--brand-instrument-ink:#f3f1e9;--brand-instrument-muted:#f3f1e99e;--brand-data-panel:linear-gradient(135deg, color-mix(in srgb, var(--brand-vi-blue) 72%, #12313d), color-mix(in srgb, var(--brand-vi-blue) 52%, #12313d));--brand-data-panel-text:#fff;--brand-data-panel-muted:#fffc;--brand-shell-wash:linear-gradient(transparent, transparent);--brand-panel-wash:var(--surface);--brand-table-head:var(--surface);--brand-row-hover:var(--surface-hover)}html[data-brand-atmosphere=dq] .page-header{border-bottom-color:var(--brand-hairline);background:var(--brand-panel-wash)}html[data-brand-atmosphere=dq] .sidebar{border-right-color:var(--brand-hairline);background:var(--bg-elevated)}html[data-brand-atmosphere=dq] .card,html[data-brand-atmosphere=dq] .app-kpi{border-color:var(--brand-hairline)}html[data-brand-atmosphere=dq] .data-table th{background:var(--brand-table-head)}html[data-brand-atmosphere=dq] .data-table tr:hover td{background:var(--brand-row-hover)}html[data-brand-atmosphere=dq] :is(.command-hero h2 strong,.summary-copy h2 b,.team-lead-count b),html[data-brand-atmosphere=dq] .replenish-center .replenish-summary h2 b{color:var(--brand-data-accent)}[data-brand-atmosphere=dq][data-theme=living-night]{--brand-forecast-soft:var(--primary-dim);--brand-data-accent-soft:var(--accent-dim);--brand-hairline:var(--border);--brand-logo-ring:color-mix(in srgb, var(--brand-vi-red) 22%, var(--border));--brand-client-name:color-mix(in srgb, var(--text) 94%, var(--brand-vi-red));--brand-data-panel-text:#fff;--brand-data-panel-muted:#fffc;--brand-panel-wash:var(--surface);--brand-table-head:var(--surface);--brand-row-hover:var(--surface-hover)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{background:var(--bg);overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}#app{width:100%;height:100%;margin:0;overflow:hidden}html{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.5}.page{flex-direction:column;height:100%;display:flex;overflow:hidden}.page-body{min-height:0;padding:var(--space-lg);flex:1;overflow:hidden auto}a{color:var(--primary);text-decoration:none}@media (width>=769px){.page-header .page-title{font-size:18px}.app-kpi .app-kpi-value{font-size:19px}}@media (width>=769px) and (width<=1536px){.page .page-header .page-title{font-size:16px}.app-kpi .app-kpi-value{font-size:17px}.page .page-body h2{font-size:18px}.page .page-body h3{font-size:16px}.page .page-body h4{font-size:14px}:root{--space-lg:20px;--space-xl:24px;--space-2xl:36px}}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.bg-surface{background:var(--surface)}.bg-elevated{background:var(--bg-elevated)}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}[data-theme=living] .app-kpi-value,[data-theme=living-night] .app-kpi-value,[data-theme=living] .bk-trust-num,[data-theme=living-night] .bk-trust-num,[data-theme=living] .rs-score strong,[data-theme=living-night] .rs-score strong,[data-theme=living] .roi-value,[data-theme=living-night] .roi-value,[data-theme=living] .metric-value,[data-theme=living-night] .metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card.card-interactive:hover,button.card:hover,a.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card.card-interactive:focus-visible,button.card:focus-visible,a.card:focus-visible{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);font-size:13px;font-weight:600}.badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-primary{background:var(--primary-dim);color:var(--primary)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.btn,.btn-ghost,.btn-secondary,.btn-primary{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:36px;color:var(--text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}}.btn:disabled,.btn-ghost:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text);background:0 0;border-color:#0000}.btn-primary{background:var(--gradient-primary);color:#fff;border-color:#0000}@media (hover:hover){.btn-primary:hover:not(:disabled){background:var(--gradient-primary);color:#fff;opacity:.92;box-shadow:var(--shadow-glow);border-color:#0000}}.btn-sm{height:30px;padding:0 12px;font-size:12px}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){.btn-icon:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon svg{width:16px;height:16px}.btn-sm.btn-icon{width:30px;height:30px}.btn-link{color:var(--primary);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:500;display:inline}@media (hover:hover){.btn-link:hover:not(:disabled){text-decoration:underline}}.btn-link:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled){cursor:pointer}button{transition:box-shadow var(--transition-fast), border-color var(--transition-fast), filter var(--transition-fast)}@media (hover:hover){button:not(:disabled):hover{box-shadow:inset 0 0 0 200px #82828221}}button:not(:disabled):active{box-shadow:inset 0 0 0 200px #82828221}html{-webkit-tap-highlight-color:transparent}.app-interactive-row{border-radius:var(--radius-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}@media (hover:hover){button.app-interactive-row:hover:not(:disabled),a.app-interactive-row:hover,summary.app-interactive-row:hover,[role=button].app-interactive-row:hover:not([aria-disabled=true]){border-color:var(--border-hover);background:var(--surface-hover);box-shadow:none}}button.app-interactive-row:focus-visible,a.app-interactive-row:focus-visible,summary.app-interactive-row:focus-visible,[role=button].app-interactive-row:focus-visible{border-color:var(--border-hover);outline:2px solid var(--primary);outline-offset:-2px;background:var(--surface-hover);box-shadow:none}.app-record-row{border-radius:var(--radius-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}@media (hover:hover){.app-record-row:hover{border-color:var(--border-hover);background:var(--surface-hover)}}.app-interactive-row.is-focused{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:color-mix(in srgb, var(--primary) 6%, transparent);box-shadow:none}@media (hover:hover){button.app-interactive-row.is-focused:hover:not(:disabled),a.app-interactive-row.is-focused:hover,summary.app-interactive-row.is-focused:hover,[role=button].app-interactive-row.is-focused:hover:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--primary) 42%, var(--border));background:color-mix(in srgb, var(--primary) 10%, transparent);box-shadow:none}}button.app-interactive-row.is-focused:focus-visible,a.app-interactive-row.is-focused:focus-visible,summary.app-interactive-row.is-focused:focus-visible,[role=button].app-interactive-row.is-focused:focus-visible{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));background:color-mix(in srgb, var(--primary) 10%, transparent)}.app-metric-action{width:100%;color:inherit;font:inherit;text-align:left;transition:background-color var(--transition-fast), border-color var(--transition-fast);position:relative}.app-metric-action__hint{color:var(--primary);letter-spacing:0;align-items:center;gap:4px;margin-top:auto;padding-top:6px;font-size:9px;font-style:normal;font-weight:800;display:inline-flex}@media (hover:hover){.app-metric-action:hover:not(:disabled){background:var(--surface-hover);box-shadow:none}}.app-metric-action:focus-visible{z-index:1;outline:2px solid var(--primary);outline-offset:-2px;background:var(--surface-hover);box-shadow:none}.app-metric-action.metric-lead{background:color-mix(in srgb, var(--primary) 9%, transparent)}.app-metric-action.warning{background:color-mix(in srgb, var(--warning) 8%, transparent)}@media (hover:hover){.app-metric-action.metric-lead:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 14%, transparent)}.app-metric-action.warning:hover:not(:disabled){background:color-mix(in srgb, var(--warning) 13%, transparent)}}.app-metric-action.metric-lead:focus-visible{background:color-mix(in srgb, var(--primary) 14%, transparent)}.app-metric-action.warning:focus-visible{background:color-mix(in srgb, var(--warning) 13%, transparent)}.app-metric-action:disabled{cursor:not-allowed;opacity:.68}.btn-refresh{align-items:center;gap:4px;display:inline-flex}.spinning{animation:1s linear infinite spin}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:12px;font-weight:600}.score{font-variant-numeric:tabular-nums;font-weight:700}.score-high{color:var(--success)}.score-mid{color:var(--warning)}.score-low{color:var(--danger)}.fade-enter-active{animation:fade-page-enter var(--transition-normal) forwards}.fade-leave-active{animation:fade-page-leave var(--transition-normal) forwards}@keyframes fade-page-enter{0%{opacity:0}to{opacity:1}}@keyframes fade-page-leave{0%{opacity:1}to{opacity:0}}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-normal), opacity var(--transition-normal)}.slide-enter-from{opacity:0;transform:translate(20px)}.slide-leave-to{opacity:0;transform:translate(-20px)}.drawer-overlay,.compare-modal-overlay,.page,[tabindex="-1"]:focus{outline:none}.close-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:var(--radius-sm);touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .15s;display:flex}@media (hover:hover){.close-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}}.drawer-actions{top:var(--space-md);right:var(--space-md);align-items:center;gap:6px;display:flex;position:absolute}.refresh-detail-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:var(--radius-sm);touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .15s;display:flex}@media (hover:hover){.refresh-detail-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}}.refresh-detail-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-detail-btn .spinning{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .16s,background .16s}.form-input:hover:not(:disabled){border-color:var(--border-hover)}.form-input:focus{border-color:var(--primary)}.form-input:disabled{opacity:.55;cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;height:auto;min-height:72px;padding:8px 12px;line-height:1.5}.loading-state,.error-state{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-lg);color:var(--text-muted);flex-direction:column;min-height:400px;display:flex}.error-state p{font-size:15px}.loading-anim{padding-top:var(--space-xl);flex-direction:column;align-items:center;gap:28px;display:flex}.loading-ring{width:72px;height:72px;position:relative}.loading-ring:before,.loading-ring:after{content:"";border:3px solid #0000;border-radius:50%;position:absolute;inset:0}.loading-ring:before{border-top-color:var(--primary);border-right-color:var(--primary);animation:1s cubic-bezier(.6,.15,.35,.85) infinite ring-spin}.loading-ring:after{border-bottom-color:var(--accent,var(--primary));border-left-color:var(--accent,var(--primary));opacity:.4;animation:1.5s cubic-bezier(.6,.15,.35,.85) infinite reverse ring-spin}.loading-ring-icon{color:var(--primary);justify-content:center;align-items:center;animation:2s ease-in-out infinite pulse-icon;display:flex;position:absolute;inset:0}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes pulse-icon{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.loading-text{text-align:center}.loading-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:600}.loading-subtitle{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;max-width:88vw;margin:0 auto;font-size:13px;display:flex}.loading-subtitle>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.loading-dots{flex-shrink:0}.loading-dots:after{content:"...";text-align:left;vertical-align:bottom;clip-path:inset(0 1.5em 0 0);width:1.5em;animation:1.5s steps(4,end) infinite dot-clip;display:inline-block}@keyframes dot-clip{0%{clip-path:inset(0 1.5em 0 0)}33%{clip-path:inset(0 1em 0 0)}66%{clip-path:inset(0 .5em 0 0)}to{clip-path:inset(0)}}.loading-steps{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.loading-step{background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;transition:all .4s;display:flex}.loading-step.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.loading-step.done{background:var(--success-dim);border-color:var(--success);color:var(--success)}.loading-step-dot{background:var(--border-hover);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s}.loading-step.active .loading-step-dot{background:var(--primary);animation:1s ease-in-out infinite step-pulse}.loading-step.done .loading-step-dot{background:var(--success)}@keyframes step-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.loading-step-line{background:var(--border);width:20px;height:1px}.loading-skeleton{gap:var(--space-md);width:100%;max-width:900px;padding:0 var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);flex-direction:column;gap:12px;display:flex}.skeleton-bar{background:linear-gradient(90deg, var(--border) 25%, var(--border-hover) 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.5s ease-in-out infinite shimmer}.skeleton-bar.w60{width:60%}.skeleton-bar.w80{width:80%}.skeleton-bar.w40{width:40%}.skeleton-bar.h20{height:20px}.skeleton-bar.h8{height:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-progress{background:var(--border);border-radius:2px;width:200px;height:3px;overflow:hidden}.loading-progress-bar{background:var(--gradient-primary);border-radius:2px;height:100%;animation:2s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.route-anchor-flash{will-change:background-color, box-shadow;animation:1.5s ease-out route-anchor-flash}@keyframes route-anchor-flash{0%{background-color:color-mix(in srgb, var(--primary) 22%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent)}60%{background-color:color-mix(in srgb, var(--primary) 15%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent)}to{box-shadow:none;background-color:#0000}}@media (width<=768px){.hide-mobile{display:none!important}.page-body{padding:var(--space-sm)!important;padding-bottom:calc(56px + var(--space-lg) + constant(safe-area-inset-bottom))!important;padding-bottom:calc(56px + var(--space-lg) + max(8px, env(safe-area-inset-bottom,8px)))!important}.page-detail .page-body{padding-bottom:calc(var(--space-sm) + constant(safe-area-inset-bottom))!important;padding-bottom:calc(var(--space-sm) + max(8px, env(safe-area-inset-bottom,8px)))!important}.page-body>*{margin-bottom:var(--space-sm)}.card{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.card-title{font-size:13px}.close-btn,.refresh-detail-btn{min-width:44px;min-height:44px}.btn,.btn-ghost,.btn-secondary,.btn-primary,.btn-icon{min-height:44px}.btn-icon,.btn-sm.btn-icon{min-width:44px}.btn-sm{padding:6px 12px;font-size:12px}.form-input{font-size:16px}.loading-skeleton{grid-template-columns:1fr}.loading-steps{flex-direction:column;align-items:stretch;gap:6px}.loading-step{justify-content:flex-start}.loading-step-line{display:none}.data-table th,.data-table td{padding:8px;font-size:12px}.drawer-body{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + constant(safe-area-inset-bottom));padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}.page-body>:last-child{margin-bottom:0}.page-body{overflow-x:hidden}.page-body [class*=grid]{grid-template-columns:1fr!important}.page-body [class*=overview-grid],.page-body [class*=stat-grid],.page-body [class*=metric-grid],.page-body [class*=summary-grid]{grid-template-columns:1fr 1fr!important}.page-body table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.page-body img,.page-body video,.page-body canvas,.page-body pre{max-width:100%;height:auto}.page-body{overflow-wrap:anywhere;word-break:break-word}}@media (width>=769px) and (width<=1536px){.page-body{padding:var(--space-md)}.card{padding:var(--space-sm) var(--space-md)}}@media (width>=769px) and (width<=1024px){.page-body [class*=overview-grid],.page-body [class*=stat-grid],.page-body [class*=metric-grid],.page-body [class*=summary-grid]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}}@media (width>=1920px){.page-body{padding-top:var(--space-xl,32px);padding-bottom:var(--space-xl,32px);padding-left:var(--space-2xl,48px)!important;padding-right:var(--space-2xl,48px)!important}.card{padding:var(--space-lg)}}@media (width<=768px){.drawer-header,.compare-modal-header{padding-top:calc(var(--space-lg) + constant(safe-area-inset-top))!important;padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px))!important}.drawer-header .drawer-actions,.compare-modal-header .drawer-actions{top:calc(var(--space-md) + constant(safe-area-inset-top))!important;top:calc(var(--space-md) + env(safe-area-inset-top,0px))!important}}
