:root{--bg-page:#fff;--bg-surface:#fff;--bg-surface-soft:#f7fbfc;--bg-surface-muted:#eaf4f7;--surface-glass-fallback:#f6fbfc;--surface-glass:#ffffffc7;--surface-glass-soft:#f7fbfcb8;--surface-glass-strong:#ffffffeb;--text-primary:#183044;--text-secondary:#688091;--text-tertiary:#8ca0ac;--text-inverse:#fff;--brand-deep:#155a78;--brand-deep-hover:#104d69;--primary:#1976a3;--primary-hover:#125774;--primary-soft:#e3f0fa;--accent:#1b9c91;--accent-hover:#157d77;--accent-soft:#e1f6f3;--brand-gradient:linear-gradient(155deg, #155a78 0%, #1976a3 58%, #1b9c91 100%);--brand-action-gradient:linear-gradient(135deg, #1976a3 0%, #1b9c91 100%);--success:#22b573;--success-soft:#e6f7ef;--warning:#d78324;--warning-soft:#fdf3e3;--danger:#c64141;--danger-soft:#fbe9e8;--info:#4b82e8;--info-soft:#ebf1fe;--border:#d5e4e9;--border-hover:#afcbd4;--border-focus:var(--accent);--border-subtle:#d5e4e9b8;--radius-sm:8px;--radius-md:11px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px #1b4b600a;--shadow-sm:0 6px 18px #194b5b14;--shadow-md:0 14px 34px #194b5b1c;--shadow-lg:0 24px 64px #184c6226;--shadow-shell:0 22px 70px #194b5b24;--font-sans:"Alibaba PuHuiTi", "PingFang SC", "Noto Sans SC", "Microsoft YaHei UI", "Segoe UI", sans-serif;--font-mono:"Fira Code", "JetBrains Mono", "Consolas", monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--sidebar-w:224px;--sidebar-w-collapsed:72px;--content-max-w:1920px;--header-h:56px;--content-gutter:32px;--motion-fast:.16s;--motion-standard:.19s;--sidebar-bg:var(--brand-gradient);--sidebar-panel:#ffffff14;--sidebar-divider:#ffffff24;--sidebar-muted:#ffffffad;--sidebar-active:#ffffff24;--blue:var(--info);--blue-dark:var(--primary);--teal:var(--accent);--teal-soft:var(--accent-soft);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border);--page-bg:var(--bg-page);--page-bg-deep:var(--bg-surface-muted);--surface:var(--bg-surface);--surface-muted:var(--bg-surface-muted);--focus-ring:0 0 0 4px #1b9c9133;--brand-strong:var(--primary-hover);--ink-muted:var(--text-secondary);--drawer-breakpoint:900px;--radius-shell:var(--radius-xl);--radius-menu:var(--radius-md);--radius-card:var(--radius-lg);--radius-glass:var(--radius-lg);--radius-todo:var(--radius-md);--radius-button:var(--radius-md)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg-page);color:var(--ink);font-family:var(--font-sans);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}:where(button,a,input,[tabindex]):focus-visible{outline-offset:2px;box-shadow:var(--focus-ring);outline:3px solid #0000}.workbench-stage{background:#fff;border-radius:0;min-height:100vh;display:flex}.workbench-sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--brand-deep);background:var(--sidebar-bg);color:#fff;min-height:100vh;transition:width var(--motion-standard) ease;flex-direction:column;display:flex;box-shadow:12px 0 28px #194b5b14}.workbench-sidebar.is-collapsed{width:var(--sidebar-w-collapsed);flex-basis:var(--sidebar-w-collapsed)}.sidebar-logo{letter-spacing:.4px;white-space:nowrap;align-items:center;gap:10px;min-height:auto;padding:16px 14px 12px;font-size:16px;font-weight:650;display:flex;overflow:hidden}.sidebar-logo__mark{border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent);background:#fffffff5;border:1px solid #ffffff3d;flex:0 0 40px;place-items:center;display:grid;overflow:hidden;box-shadow:0 8px 22px #042b3a2e}.sidebar-logo__text{text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.workbench-sidebar.is-collapsed .sidebar-logo{padding-inline:18px}.workbench-sidebar.is-collapsed .sidebar-logo__text,.workbench-sidebar.is-collapsed .sidebar-brand-text,.workbench-sidebar.is-collapsed .sidebar-greeting,.workbench-sidebar.is-collapsed .sidebar-nav__label,.workbench-sidebar.is-collapsed .sidebar-account__name,.workbench-sidebar.is-collapsed .sidebar-account__role,.workbench-sidebar.is-collapsed .sidebar-account__details{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex}.sidebar-nav__item{border-radius:var(--radius-md);min-height:42px;color:var(--sidebar-muted);transition:background var(--motion-fast) ease, color var(--motion-fast) ease;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.sidebar-nav__item:hover{background:var(--sidebar-panel);color:#fff}.sidebar-nav__item:active{background:var(--sidebar-active)}.sidebar-nav__item.is-active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 #77d6c8}.sidebar-nav__icon{color:#bdebea;flex:0 0 24px;place-items:center;width:24px;display:grid}.sidebar-nav__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-nav__empty{color:#ffffff9e;padding:8px 12px;font-size:13px;line-height:1.5}.sidebar-account{border-top:1px solid #ffffff14;padding:12px 14px 16px;font-size:13px}.sidebar-account__details{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workbench-main{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.workbench-content{background:#fff;flex:1;width:100%;min-width:0;max-width:none;margin:0;padding:22px clamp(20px,2.4vw,36px) 36px}.workbench-topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:12px 18px;display:flex}.workbench-topbar__title{color:var(--ink);font-size:15px;font-weight:650}.drawer-mask{z-index:900;background:#0c212a85;position:fixed;inset:0}.drawer{background:var(--brand-deep);background:var(--sidebar-bg);color:#fff;z-index:901;flex-direction:column;width:min(300px,84vw);display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 32px #0c212a38}.drawer-close,.sidebar-toggle{border-radius:var(--radius-button);color:#fff;background:#ffffff14;border:1px solid #ffffff29;width:34px;height:34px;margin:0;font-size:16px}.glass-card{background:var(--surface-glass-fallback);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.solid-card{background:var(--bg-surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.todo-item{background:var(--teal-soft);border-radius:var(--radius-todo)}.status-badge{border-radius:var(--radius-pill);align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:650;line-height:1;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge--success{color:#287d70;background:#e3f2ee}.status-badge--warning{color:#9a641f;background:#fbf0df}.status-badge--danger{color:#a23f42;background:#fbe8e7}.status-badge--neutral{color:#61757d;background:#edf1f2}.loading-state,.empty-state{min-height:96px;color:var(--muted);text-align:center;background:var(--bg-surface-muted);border:1px dashed var(--border);border-radius:var(--radius-card);place-items:center;padding:20px;display:grid}.loading-state:before{content:"";border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:18px;height:18px;margin-bottom:10px;animation:.8s linear infinite labos-spin}@keyframes labos-spin{to{transform:rotate(360deg)}}.btn{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--ink);transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) ease;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;display:inline-flex}.btn:hover{border-color:var(--border-hover);background:var(--bg-surface-soft)}.btn:active{background:var(--bg-surface-muted);transform:translateY(1px)}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--primary);background:var(--brand-action-gradient);color:#fff;border-color:#0000;box-shadow:0 9px 20px #1976a329}.btn--primary:hover{background:var(--primary-hover);background:linear-gradient(135deg, var(--primary-hover), var(--accent-hover));border-color:#0000}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.error-summary{color:var(--danger);border-radius:var(--radius-button);background:#fbeeed;border:1px solid #b94a4a4d;padding:10px 12px;font-size:13px;line-height:1.5}.error-summary ul{margin:6px 0 0;padding-left:18px}.placeholder-module{padding:20px}.placeholder-module__badge{border-radius:var(--radius-pill);background:var(--teal-soft);color:var(--blue-dark);border:1px solid var(--line);padding:4px 9px;font-size:12px;display:inline-block}.placeholder-module__title{margin:12px 0 6px;font-size:20px;font-weight:650}.placeholder-module__note{color:var(--muted);font-size:14px}@media (width<=768px){.workbench-content{padding:20px 16px 32px}}@media (width<=375px){.workbench-content{padding:16px 12px 24px}.placeholder-module__title{font-size:18px}}@media (width<=899px){.workbench-sidebar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}