.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh;background:var(--color-page)}.app-sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;height:100dvh;padding:22px 14px 18px;overflow:hidden;color:var(--color-nav-text);background:var(--color-nav)}.app-brand{display:flex;align-items:center;gap:11px;height:42px;padding:0 8px;white-space:nowrap}.app-brand__mark{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:var(--radius-md);color:#fff;background:var(--color-accent);font-size:var(--text-lg);font-weight:700}.app-brand__copy{display:grid;gap:1px;min-width:0}.app-brand__name{color:#fff;font-size:17px;font-weight:650;letter-spacing:.02em}.app-brand__description{color:#75839b;font-size:var(--text-2xs)}.app-sidebar__section{margin:26px 10px 8px;color:#5f6d84;font-size:var(--text-2xs);font-weight:600;letter-spacing:.12em}.app-nav{display:grid;gap:3px}.app-nav__link{position:relative;display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;border-radius:var(--radius-md);color:var(--color-nav-text);font-size:var(--text-md);font-weight:500;transition:color var(--motion-fast) ease,background var(--motion-fast) ease}.app-nav__link:hover{color:#d5dbe6;background:var(--color-nav-hover)}.app-nav__link.is-active{color:#fff;background:var(--color-nav-active)}.app-nav__link svg{flex:0 0 auto;width:17px;height:17px;stroke-width:1.8}.app-nav__active-rail{width:3px;height:18px;margin-left:auto;border-radius:3px;background:#898cff}.app-sidebar__sync{display:flex;align-items:center;gap:9px;margin-top:auto;padding:14px 10px 0;border-top:1px solid #27324a;font-size:var(--text-xs);line-height:1.5}.app-sidebar__sync strong{display:block;color:#c3ccda;font-size:var(--text-sm);font-weight:500}.app-sidebar__sync-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#38b990;box-shadow:0 0 0 3px #1a3c3a}.app-sidebar__sync.is-warning .app-sidebar__sync-dot{background:#f5b942;box-shadow:0 0 0 3px #493d28}.app-workspace{min-width:0}.app-topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 26px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-topbar__mobile-brand{display:none}.app-topbar__scope{display:flex;align-items:center;gap:9px;height:var(--control-height);padding:0;color:var(--color-text-secondary);background:transparent;font-size:var(--text-sm);cursor:pointer}.app-topbar__scope strong{color:var(--color-text);font-weight:600}.app-topbar__scope select{max-width:220px;border:0;outline:0;color:var(--color-text);background:transparent;font:inherit;font-weight:600;appearance:none;cursor:pointer}.app-topbar__scope svg,.app-profile>svg{width:14px;height:14px}.app-topbar__actions{display:flex;align-items:center;gap:10px}.app-icon-button{position:relative;display:grid;place-items:center;width:var(--control-height);height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-md);color:#59657a;background:#fff;cursor:pointer;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease}.app-icon-button:hover{color:var(--color-accent);border-color:#c9cbf8}.app-icon-button svg{width:16px;height:16px}.app-icon-button__indicator{position:absolute;top:6px;right:6px;width:5px;height:5px;border:1px solid white;border-radius:50%;background:var(--color-danger)}.app-profile{display:flex;align-items:center;gap:9px;min-width:132px;margin-left:3px;padding-left:13px;border-left:1px solid var(--color-border)}.app-profile__avatar{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#35415a;font-size:var(--text-2xs);font-weight:650}.app-profile__copy{display:grid;flex:1;gap:1px}.app-profile__copy strong{font-size:var(--text-sm);font-weight:600}.app-profile__copy span{color:#8a93a3;font-size:var(--text-2xs)}.app-content{min-width:0;min-height:calc(100dvh - var(--topbar-height));padding:24px 26px 32px}.app-mobile-nav{display:none}@media(max-width:1179px)and (min-width:768px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.app-sidebar{padding-inline:10px}.app-brand{justify-content:center;padding:0}.app-brand__copy,.app-sidebar__section,.app-nav__link>span:not(.app-nav__active-rail),.app-sidebar__sync span:last-child{display:none}.app-nav__link{justify-content:center;padding:0}.app-nav__active-rail{position:absolute;right:5px;margin:0}.app-sidebar__sync{justify-content:center;padding-inline:0}}@media(max-width:767px){.app-shell{display:block;min-height:100dvh}.app-sidebar{display:none}.app-topbar{height:var(--mobile-topbar-height);padding:0 14px}.app-topbar__mobile-brand{display:block}.app-topbar__mobile-brand .app-brand{height:36px;padding:0}.app-topbar__mobile-brand .app-brand__mark{width:28px;height:28px;font-size:var(--text-base)}.app-topbar__mobile-brand .app-brand__name{color:var(--color-text);font-size:var(--text-base)}.app-topbar__mobile-brand .app-brand__description,.app-topbar__scope,.app-topbar__search,.app-profile__copy,.app-profile>svg{display:none}.app-profile{min-width:auto;padding-left:10px}.app-content{min-height:calc(100dvh - var(--mobile-topbar-height));padding:18px 14px calc(var(--mobile-nav-height) + 22px)}.app-mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);height:var(--mobile-nav-height);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-tertiary);font-size:var(--text-2xs);font-weight:550}.app-mobile-nav a.is-active{color:var(--color-accent)}.app-mobile-nav svg{width:20px;height:20px;stroke-width:1.8}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--control-height);padding:0 13px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;transition:color var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{opacity:.48;cursor:not-allowed}.ui-button--primary{color:#fff;background:var(--color-accent)}.ui-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ui-button--secondary{color:#4c5669;border-color:var(--color-border);background:#fff}.ui-button--secondary:hover:not(:disabled){color:var(--color-accent);border-color:#c9cbf8}.ui-button--ghost{color:var(--color-text-secondary);background:transparent}.ui-button--ghost:hover:not(:disabled){color:var(--color-text);background:#eef1f5}.ui-button--danger{color:#fff;background:var(--color-danger)}.ui-button__icon,.ui-button__icon svg{width:16px;height:16px}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);min-height:47px;margin-bottom:18px}.ui-page-header h1{font-size:var(--text-2xl);font-weight:680;line-height:1.15;letter-spacing:-.02em}.ui-page-header p{margin-top:5px;color:var(--color-text-secondary);font-size:var(--text-sm)}.ui-page-header__actions{display:flex;align-items:center;gap:var(--space-2)}.ui-status{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap}.ui-status:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.ui-status--success{color:var(--color-success)}.ui-status--warning{color:var(--color-warning)}.ui-status--danger{color:var(--color-danger)}.ui-status--info{color:var(--color-info)}@media(max-width:767px){.ui-page-header{align-items:flex-start;min-height:auto;margin-bottom:16px}.ui-page-header h1{font-size:20px}.ui-page-header__actions{flex:0 0 auto}}.ui-panel{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.ui-panel__header{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 17px;border-bottom:1px solid var(--color-border)}.ui-panel__header>div:first-child{display:flex;align-items:baseline;gap:var(--space-2)}.ui-panel__header h2{font-size:var(--text-md);font-weight:650}.ui-panel__header span{color:var(--color-text-secondary);font-size:var(--text-2xs)}.ui-panel__actions{display:flex;align-items:center;gap:var(--space-2)}.ui-drawer-backdrop{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;background:#111a2e47;animation:ui-fade-in var(--motion-base) ease both}.ui-drawer{display:flex;flex-direction:column;width:min(440px,100vw);height:100%;background:#fff;box-shadow:var(--shadow-float);animation:ui-slide-in var(--motion-base) ease both}.ui-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:20px 20px 16px;border-bottom:1px solid var(--color-border)}.ui-drawer__header h2{font-size:var(--text-xl);font-weight:680}.ui-drawer__header p{margin-top:5px;color:var(--color-text-secondary);font-size:var(--text-xs)}.ui-drawer__header button{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;cursor:pointer}.ui-drawer__header button:hover{background:var(--color-surface-subtle)}.ui-drawer__header svg{width:18px}.ui-drawer__body{flex:1;padding:20px;overflow:auto}.ui-drawer__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:14px 20px;border-top:1px solid var(--color-border)}.ui-feedback{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:180px;color:var(--color-text-secondary);font-size:var(--text-sm)}.ui-feedback>svg{width:18px;height:18px}.ui-feedback--error{color:var(--color-danger)}.ui-feedback__spinner{animation:ui-spin .8s linear infinite}.ui-success-notice{position:fixed;top:72px;right:24px;z-index:120;display:flex;align-items:center;gap:var(--space-2);min-height:42px;padding:0 14px;border:1px solid #bce5d6;border-radius:var(--radius-md);color:#0f6a56;background:#f2fbf7;box-shadow:var(--shadow-float);font-size:var(--text-sm);font-weight:600;pointer-events:none;animation:ui-toast-in var(--motion-base) ease both}.ui-success-notice>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:var(--color-success);font-size:var(--text-2xs)}.ui-segmented{display:inline-flex;padding:3px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.ui-segmented button{min-width:48px;height:26px;padding:0 9px;border-radius:5px;color:var(--color-text-secondary);background:transparent;font-size:var(--text-xs);font-weight:500;cursor:pointer}.ui-segmented button.is-selected{color:var(--color-accent);background:var(--color-accent-soft);font-weight:650}.ui-metric-strip{display:grid;grid-template-columns:repeat(var(--metric-count, 5),minmax(0,1fr));margin-bottom:16px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}.ui-metric{position:relative;min-width:0;min-height:100px;padding:17px 19px}.ui-metric+.ui-metric:before{position:absolute;top:16px;bottom:16px;left:0;width:1px;background:var(--color-border);content:""}.ui-metric__label{display:block;color:var(--color-text-secondary);font-size:var(--text-xs)}.ui-metric__value-line{display:flex;align-items:baseline;gap:5px;margin-top:7px}.ui-metric__value-line strong{min-width:0;overflow:hidden;font-size:24px;font-weight:680;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.ui-metric__value-line span{color:var(--color-text-tertiary);font-size:var(--text-2xs)}.ui-metric__delta{display:flex;align-items:center;gap:2px;margin-top:4px;color:var(--color-text-secondary);font-size:var(--text-2xs)}.ui-metric__delta svg{width:12px;height:12px}.ui-metric__delta.is-good{color:var(--color-success)}.ui-metric__delta.is-bad{color:var(--color-danger)}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-slide-in{0%{transform:translate(24px);opacity:0}}@keyframes ui-toast-in{0%{transform:translateY(-8px);opacity:0}}@media(max-width:900px){.ui-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-metric:nth-child(odd):before{display:none}.ui-metric{min-height:92px;border-bottom:1px solid var(--color-border)}}@media(max-width:767px){.ui-success-notice{top:62px;right:14px;left:14px}.ui-drawer{width:100vw}}:root{color-scheme:light;--color-nav: #111a2e;--color-nav-active: #26324e;--color-nav-hover: #1a2741;--color-nav-text: #93a2ba;--color-page: #f5f7fa;--color-surface: #ffffff;--color-surface-subtle: #fafbfc;--color-text: #172033;--color-text-secondary: #6d778a;--color-text-tertiary: #939cac;--color-border: #e4e8ef;--color-border-strong: #d6dce6;--color-accent: #5b5ce2;--color-accent-hover: #4b4ccc;--color-accent-soft: #eef0ff;--color-success: #14866d;--color-success-soft: #e8f6f1;--color-warning: #b56b10;--color-warning-soft: #fff5e5;--color-danger: #b6424f;--color-danger-soft: #fcecef;--color-info: #2f6eaa;--color-info-soft: #edf5fc;--font-sans: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "Roboto Mono", "Cascadia Code", monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--shadow-float: 0 12px 34px rgb(23 32 51 / 10%);--sidebar-width: 224px;--topbar-height: 58px;--mobile-topbar-height: 52px;--mobile-nav-height: 64px;--control-height: 34px;--motion-fast: .12s;--motion-base: .18s}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-page);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-width:320px;min-height:100%;margin:0;color:var(--color-text);background:var(--color-page);font-family:var(--font-sans);font-size:var(--text-base);font-feature-settings:"tnum" 1}.startup-state{display:grid;place-items:center;align-content:center;min-height:100vh;padding:32px;color:var(--color-text);background:var(--color-page);text-align:center}.startup-state__mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:13px;color:#fff;background:var(--color-accent);font-size:20px;font-weight:750}.startup-state h1{font-size:18px}.startup-state p{margin-top:8px;color:var(--color-text-secondary);font-size:12px}.startup-state>span{width:22px;height:22px;margin-top:22px;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:startup-spin .8s linear infinite}.startup-state button{margin-top:22px;padding:8px 14px;border-radius:var(--radius-md);color:#fff;background:var(--color-accent);font-size:12px;font-weight:650}@keyframes startup-spin{to{transform:rotate(360deg)}}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{display:block}:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 70%,white);outline-offset:2px}::selection{color:var(--color-text);background:var(--color-accent-soft)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.numeric{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}