:root{--ckt-primary:#5645d4;--ckt-primary-pressed:#4534b3;--ckt-primary-soft:#e6e0f5;--ckt-on-primary:#fff;--ckt-ink-deep:#000;--ckt-ink:#1a1a1a;--ckt-charcoal:#37352f;--ckt-slate:#5d5b54;--ckt-steel:#787671;--ckt-stone:#a4a097;--ckt-muted:#bbb8b1;--ckt-canvas:#fff;--ckt-surface:#f6f5f4;--ckt-surface-soft:#fafaf9;--ckt-sidebar:#f7f6f3;--ckt-sidebar-hover:#efeee9;--ckt-sidebar-active:#e8e7e2;--ckt-hairline:#e5e3df;--ckt-hairline-soft:#ede9e4;--ckt-hairline-strong:#c8c4be;--ckt-link:#0075de;--ckt-success:#1aae39;--ckt-warning:#dd5b00;--ckt-error:#e03131;--ckt-error-soft:#fde0ec;--ckt-radius-sm:6px;--ckt-radius-md:8px;--ckt-radius-lg:12px;--ckt-radius-full:9999px;--ckt-font:"Inter", "Notion Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ckt-shadow-card:#0f0f0f14 0px 4px 12px 0px}html,body{font-family:var(--ckt-font);color:var(--ckt-ink);background:var(--ckt-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.ckt-btn{border-radius:var(--ckt-radius-md);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ckt-btn:disabled{opacity:.55;cursor:not-allowed}.ckt-btn-primary{background:var(--ckt-primary);color:var(--ckt-on-primary)}.ckt-btn-primary:hover:not(:disabled){background:var(--ckt-primary-pressed)}.ckt-btn-dark{background:var(--ckt-ink-deep);color:var(--ckt-on-primary)}.ckt-btn-secondary{color:var(--ckt-ink);border-color:var(--ckt-hairline-strong);background:0 0}.ckt-btn-secondary:hover:not(:disabled){background:var(--ckt-surface)}.ckt-btn-ghost{color:var(--ckt-charcoal);border-radius:var(--ckt-radius-sm);background:0 0;padding:8px 12px}.ckt-btn-ghost:hover:not(:disabled){background:var(--ckt-sidebar-hover)}.ckt-card{background:var(--ckt-canvas);border:1px solid var(--ckt-hairline);border-radius:var(--ckt-radius-lg);box-shadow:none}*{box-sizing:border-box;margin:0;padding:0}.app-layout{background:var(--ckt-surface);min-height:100vh;color:var(--ckt-ink);display:flex}.sidebar{background:var(--ckt-sidebar);width:240px;height:100vh;color:var(--ckt-charcoal);border-right:1px solid var(--ckt-hairline);flex-direction:column;flex:0 0 240px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--ckt-hairline);padding:18px 16px 14px}.sidebar-header h2{color:var(--ckt-ink);letter-spacing:-.2px;font-size:15px;font-weight:600}.sidebar nav{flex:1;min-height:0;padding:8px 8px 12px;overflow-y:auto}.nav-group{padding:2px 0}.nav-group-toggle{cursor:pointer;width:100%;font:inherit;color:var(--ckt-stone);text-align:left;border-radius:var(--ckt-radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.nav-group-toggle:hover{color:var(--ckt-charcoal);background:var(--ckt-sidebar-hover)}.nav-group.active>.nav-group-toggle{color:var(--ckt-slate)}.nav-group-toggle>span:first-child{flex:1;min-width:0}.nav-chevron{opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;transition:transform .15s;transform:rotate(-45deg)}.nav-group.open>.nav-group-toggle .nav-chevron{transform:rotate(45deg)}.nav-group-items{padding:2px 0 4px}.nav-item{color:var(--ckt-slate);border-radius:var(--ckt-radius-sm);justify-content:space-between;align-items:center;gap:8px;margin:1px 0;padding:7px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-group .nav-item{padding-left:18px}.nav-item:hover{color:var(--ckt-ink);background:var(--ckt-sidebar-hover)}.nav-item.router-link-active{color:var(--ckt-ink);background:var(--ckt-sidebar-active);font-weight:600}.nav-badge{background:var(--ckt-error);color:#fff;border-radius:var(--ckt-radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.nav-dot{background:var(--ckt-error);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #e031312e}.sidebar-footer{border-top:1px solid var(--ckt-hairline);flex:none;padding:12px}.user-info{color:var(--ckt-steel);margin:0 2px 8px;font-size:12px}.lang-btn,.account-btn,.logout-btn{border-radius:var(--ckt-radius-md);border:1px solid var(--ckt-hairline-strong);background:var(--ckt-canvas);width:100%;color:var(--ckt-charcoal);font:inherit;cursor:pointer;text-align:center;margin-bottom:6px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:block}.lang-btn{font-weight:600}.lang-btn:hover,.account-btn:hover,.account-btn.router-link-active{border-color:var(--ckt-primary);color:var(--ckt-primary);background:var(--ckt-primary-soft)}.logout-btn:hover{border-color:var(--ckt-error);color:var(--ckt-error);background:var(--ckt-error-soft)}.main-content{background:var(--ckt-surface);flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.topbar,.nav-backdrop{display:none}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:inline-flex}.hamburger span{background:var(--ckt-charcoal);border-radius:2px;width:100%;height:2px;display:block}@media (width<=768px){.app-layout{display:block}.topbar{z-index:30;background:var(--ckt-canvas);height:52px;color:var(--ckt-ink);border-bottom:1px solid var(--ckt-hairline);align-items:center;gap:8px;padding:0 12px;display:flex;position:sticky;top:0}.topbar-title{font-size:15px;font-weight:600}.sidebar{z-index:50;width:280px;max-width:84vw;height:100%;box-shadow:none;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--ckt-shadow-card);transform:translate(0)}.nav-backdrop{z-index:40;background:#0f0f0f59;display:block;position:fixed;inset:0}.main-content{padding:16px}}