.app-nav{z-index:1000;height:var(--cu-top-nav-height);padding:0 var(--cu-gutter);background:color-mix(in srgb, var(--cu-surface-container-lowest) 80%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--cu-outline-variant);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000a}.app-nav .nav-brand{align-items:center;gap:var(--cu-sm);justify-self:start;display:flex}.app-nav .brand-logo{width:32px;height:32px;color:var(--cu-primary)}.app-nav .brand-name{color:var(--cu-primary);letter-spacing:-.01em;font-size:18px;font-weight:700;text-decoration:none}.app-nav .brand-tag{border-radius:var(--cu-radius-full);color:var(--cu-on-surface-variant);background:var(--cu-surface-container-high);border:1px solid var(--cu-outline-variant);white-space:nowrap;padding:1px 7px;font-size:11px;font-weight:600;line-height:16px}.app-nav .nav-links{align-items:center;gap:var(--cu-lg);justify-self:center;height:100%;display:flex}.app-nav .nav-links a{height:36px;padding:0 var(--cu-md);border-radius:var(--cu-radius-full);color:var(--cu-on-surface-variant);transition:color var(--cu-dur-fast) var(--cu-ease), background var(--cu-dur-fast) var(--cu-ease);align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:flex}.app-nav .nav-links a:hover{color:var(--cu-on-surface);background:var(--cu-surface-container)}.app-nav .nav-links a.active{color:var(--cu-on-surface);background:var(--cu-surface-container-high)}.app-nav .nav-right{align-items:center;gap:var(--cu-sm);justify-self:end;display:flex}.app-nav .nav-search{background:var(--cu-surface-container);border-radius:var(--cu-radius-full);padding:0 var(--cu-md);align-items:center;min-width:200px;height:36px;display:flex}.app-nav .nav-search .search-icon{width:18px;height:18px;color:var(--cu-outline);flex-shrink:0}.app-nav .nav-search .search-input{color:var(--cu-on-surface);padding:0 var(--cu-sm);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:22px}.app-nav .nav-search .search-input::placeholder{color:var(--cu-on-surface-variant)}.app-nav .nav-actions{align-items:center;gap:var(--cu-sm);display:flex}.app-nav .action-btn{border-radius:var(--cu-radius-full);width:36px;height:36px;color:var(--cu-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.app-nav .action-btn:hover{background:var(--cu-surface-container);color:var(--cu-primary)}.app-nav .icon{width:20px;height:20px}.app-nav .shell-switch{height:36px;padding:0 var(--cu-md);border-radius:var(--cu-radius-full);border:1px solid var(--cu-outline-variant);color:var(--cu-on-surface-variant);white-space:nowrap;align-items:center;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.app-nav .shell-switch:hover{color:var(--cu-primary);border-color:var(--cu-primary)}.app-nav .nav-dropdown{align-items:center;height:100%;display:flex;position:relative}.app-nav .dropdown-trigger{height:36px;padding:0 var(--cu-md);border-radius:var(--cu-radius-full);color:var(--cu-on-surface-variant);white-space:nowrap;cursor:pointer;transition:color var(--cu-dur-fast) var(--cu-ease), background var(--cu-dur-fast) var(--cu-ease);align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:flex}.app-nav .dropdown-trigger:hover{color:var(--cu-on-surface);background:var(--cu-surface-container)}.app-nav .dropdown-trigger.active{color:var(--cu-on-surface);background:var(--cu-surface-container-high)}.app-nav .dropdown-arrow{width:16px;height:16px;margin-left:2px;transition:transform .2s}.app-nav .dropdown-arrow.open{transform:rotate(180deg)}.app-nav .dropdown-menu{background:color-mix(in srgb, var(--cu-surface-container-lowest) 95%, transparent);backdrop-filter:blur(20px);border:1px solid var(--cu-outline-variant);border-radius:var(--cu-radius-xl);z-index:1001;min-width:220px;padding:12px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000001f}.app-nav .dropdown-menu.single-column{min-width:160px;padding:8px}.app-nav .dropdown-items{flex-direction:column;gap:2px;display:flex}.app-nav .dropdown-item{justify-content:space-between;align-items:center;gap:var(--cu-sm);border-radius:var(--cu-radius-lg);cursor:pointer;padding:8px 10px;transition:background .15s,color .15s;display:flex}.app-nav .dropdown-item:hover,.app-nav .dropdown-item.active{background:var(--cu-primary-container);color:var(--cu-on-primary-container)}.app-nav .dropdown-label{font-size:14px;line-height:20px}.app-nav .dropdown-count{color:var(--cu-on-surface-variant);background:var(--cu-surface-container-high);border-radius:var(--cu-radius-full);padding:1px 6px;font-size:11px;font-weight:600;line-height:16px}.app-nav .dropdown-item:hover .dropdown-count,.app-nav .dropdown-item.active .dropdown-count{background:color-mix(in srgb, var(--cu-on-primary-container) 15%, transparent);color:var(--cu-on-primary-container)}.app-nav .dropdown-fade-enter-active,.app-nav .dropdown-fade-leave-active{transition:opacity .2s,transform .2s}.app-nav .dropdown-fade-enter-from,.app-nav .dropdown-fade-leave-to{opacity:0;transform:translate(-50%)translateY(-6px)}html.dark .app-nav .dropdown-menu{background:color-mix(in srgb, var(--cu-surface-container-lowest) 92%, transparent);box-shadow:0 12px 40px #00000059}html.dark .app-nav .dropdown-item:hover,html.dark .app-nav .dropdown-item.active{background:var(--cu-secondary-container);color:var(--cu-on-secondary-container)}html.dark .app-nav .dropdown-item:hover .dropdown-count,html.dark .app-nav .dropdown-item.active .dropdown-count{background:color-mix(in srgb, var(--cu-on-secondary-container) 15%, transparent);color:var(--cu-on-secondary-container)}:root{--cu-background:#f4f6fb;--cu-surface:#f4f6fb;--cu-surface-dim:#d7dae2;--cu-surface-bright:#f4f6fb;--cu-surface-container-lowest:#fff;--cu-surface-container-low:#f1f3fc;--cu-surface-container:#ebeef6;--cu-surface-container-high:#e5e8f0;--cu-surface-container-highest:#dfe2eb;--cu-surface-variant:#dfe2eb;--cu-on-surface:#181c22;--cu-on-surface-variant:#454b59;--cu-inverse-surface:#2d3137;--cu-inverse-on-surface:#eef1f9;--cu-outline:#727786;--cu-outline-variant:#c5cad9;--cu-primary:#0057c2;--cu-on-primary:#fff;--cu-primary-container:#d6e4fa;--cu-on-primary-container:#002d5e;--cu-inverse-primary:#afc6ff;--cu-primary-fixed:#d9e2ff;--cu-primary-fixed-dim:#afc6ff;--cu-on-primary-fixed:#001a43;--cu-on-primary-fixed-variant:#004398;--cu-secondary:#00687b;--cu-on-secondary:#fff;--cu-secondary-container:#c5e8f0;--cu-on-secondary-container:#004d59;--cu-secondary-fixed:#afecff;--cu-secondary-fixed-dim:#48d7f9;--cu-on-secondary-fixed:#001f27;--cu-on-secondary-fixed-variant:#004e5d;--cu-tertiary:#8a3a08;--cu-on-tertiary:#fff;--cu-tertiary-container:#ffd9c4;--cu-on-tertiary-container:#4a1d00;--cu-tertiary-fixed:#ffdbcc;--cu-tertiary-fixed-dim:#ffb695;--cu-on-tertiary-fixed:#351000;--cu-on-tertiary-fixed-variant:#7c2e00;--cu-error:#b3261e;--cu-on-error:#fff;--cu-error-container:#ffdad6;--cu-on-error-container:#93000a;--cu-warning:#9a6b00;--cu-success:#22704b;--cu-surface-tint:#0059c7;--cu-unit:8px;--cu-xs:4px;--cu-sm:8px;--cu-md:16px;--cu-lg:24px;--cu-xl:32px;--cu-gutter:16px;--cu-margin:24px;--cu-radius-sm:4px;--cu-radius-md:6px;--cu-radius-lg:12px;--cu-radius-xl:16px;--cu-radius-full:9999px;--cu-top-nav-height:56px;--cu-panel-width:260px;--cu-info-panel-width:320px;--cu-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--cu-font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--cu-fs-xs:12px;--cu-fs-sm:13px;--cu-fs-md:14px;--cu-fs-lg:16px;--cu-fs-xl:20px;--cu-fs-2xl:26px;--cu-fs-3xl:34px;--cu-ease:cubic-bezier(.2, 0, 0, 1);--cu-dur-fast:.15s;--cu-dur:.25s;--cu-shadow-1:0 1px 2px #1826420f, 0 2px 8px #1826420d;--cu-shadow-2:0 4px 14px #1826421a, 0 2px 6px #1826420f;--cu-shadow-3:0 16px 44px #18264229, 0 4px 12px #18264214;--cu-focus-ring:0 0 0 2px var(--cu-background), 0 0 0 4px color-mix(in srgb, var(--cu-primary) 70%, transparent);--cu-pad-compact:12px;--cu-pad:16px;--cu-pad-loose:24px;--cu-fs-display-1:48px;--cu-fs-display-2:64px;--cu-dur-slow:.4s;--cu-data-quake:#b3402f;--cu-data-layer:#0f766e;--cu-data-track:#6d28d9;--cu-data-flight:#1d4ed8;--cu-data-warn:#92400e;--cu-data-ok:#15803d;--cu-glow-sm:0 0 0 1px color-mix(in srgb, var(--cu-primary) 45%, transparent);--cu-glow-md:0 0 0 1px color-mix(in srgb, var(--cu-primary) 55%, transparent), 0 0 16px color-mix(in srgb, var(--cu-primary) 28%, transparent);--cu-glow-lg:0 0 0 1px color-mix(in srgb, var(--cu-primary) 65%, transparent), 0 0 28px color-mix(in srgb, var(--cu-primary) 40%, transparent)}html.dark{--cu-background:#090d15;--cu-surface:#111725d1;--cu-surface-dim:#090d15;--cu-surface-bright:#1c2334;--cu-surface-container-lowest:#0d121eeb;--cu-surface-container-low:#131928e0;--cu-surface-container:#1a2134e6;--cu-surface-container-high:#232b42eb;--cu-surface-container-highest:#2e3752f0;--cu-surface-variant:#2e375299;--cu-on-surface:#eef1f8;--cu-on-surface-variant:#9fa9c0;--cu-inverse-surface:#eef1f9;--cu-inverse-on-surface:#2d3137;--cu-outline:#d6e2f83d;--cu-outline-variant:#d6e2f81c;--cu-primary:#79b1e8;--cu-on-primary:#071120;--cu-primary-container:#1c3a5f;--cu-on-primary-container:#cfe2fa;--cu-inverse-primary:#0057c2;--cu-primary-fixed:#d9e2ff;--cu-primary-fixed-dim:#afc6ff;--cu-on-primary-fixed:#001a43;--cu-on-primary-fixed-variant:#004398;--cu-secondary:#63b3a9;--cu-on-secondary:#071613;--cu-secondary-container:#16403e;--cu-on-secondary-container:#b2e0d8;--cu-secondary-fixed:#afecff;--cu-secondary-fixed-dim:#48d7f9;--cu-on-secondary-fixed:#001f27;--cu-on-secondary-fixed-variant:#004e5d;--cu-tertiary:#f0b493;--cu-on-tertiary:#22100a;--cu-tertiary-container:#5a2c12;--cu-on-tertiary-container:#ffdcc8;--cu-tertiary-fixed:#ffdbcc;--cu-tertiary-fixed-dim:#ffb695;--cu-on-tertiary-fixed:#351000;--cu-on-tertiary-fixed-variant:#7c2e00;--cu-error:#ec6a60;--cu-on-error:#2b0805;--cu-error-container:#5c1a15;--cu-on-error-container:#ffdad6;--cu-warning:#e0a34e;--cu-success:#58b78e;--cu-data-quake:#ff8a7a;--cu-data-layer:#52dcc8;--cu-data-track:#b990ff;--cu-data-flight:#6db3ff;--cu-data-warn:#ffc46b;--cu-data-ok:#5cd695;--cu-surface-tint:#79b1e8;--cu-shadow-1:0 1px 2px #02060e66, 0 2px 8px #02060e4d;--cu-shadow-2:0 4px 16px #02060e80, 0 2px 6px #02060e59;--cu-shadow-3:0 18px 50px #02060e99, 0 4px 14px #02060e66}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#app{width:100%;min-width:1024px;height:100%;overflow:auto}body{font-family:var(--cu-font-sans);background-color:var(--cu-background);color:var(--cu-on-surface);font-size:var(--cu-fs-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:22px}html{color-scheme:light}html.dark{color-scheme:dark}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--cu-primary);cursor:pointer}.cu-num{font-variant-numeric:tabular-nums}:focus-visible{box-shadow:var(--cu-focus-ring);border-radius:var(--cu-radius-md);outline:none}::selection{background:color-mix(in srgb, var(--cu-primary) 30%, transparent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--cu-on-surface-variant) 45%, transparent);border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--cu-on-surface-variant) 70%, transparent)}.cu-glass-panel{background:var(--cu-surface-container-low);-webkit-backdrop-filter:blur(16px);border:1px solid var(--cu-outline-variant);box-shadow:var(--cu-shadow-1);border-radius:var(--cu-radius-lg)}.cu-card-hover{transition:transform var(--cu-dur) var(--cu-ease), box-shadow var(--cu-dur) var(--cu-ease), border-color var(--cu-dur) var(--cu-ease)}.cu-card-hover:hover{box-shadow:var(--cu-shadow-3);border-color:color-mix(in srgb, var(--cu-primary) 40%, transparent);transform:translateY(-4px)}html.dark .cu-glass-panel{background:var(--cu-surface)}