:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-accent:#06b6d4;--color-bg:#f6f7fb;--color-surface:#fff;--color-surface-2:#f0f2f7;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--color-text-inverse:#fff;--sidebar-bg:#111827;--sidebar-text:#cbd5e1;--sidebar-text-active:#fff;--sidebar-hover:#ffffff0f;--sidebar-active:#4f46e52e;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--topbar-h:56px;--sidebar-w:240px;--sidebar-w-collapsed:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000002e;--t-fast:.12s;--t-base:.2s;--ease:cubic-bezier(.2, .7, .2, 1);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{--color-bg:#0b0f19;--color-surface:#131826;--color-surface-2:#1a2030;--color-border:#232a3b;--color-text:#e5e7eb;--color-text-muted:#94a3b8;--sidebar-bg:#0a0e17;--sidebar-text:#b3bdcc;--sidebar-hover:#ffffff0d;--sidebar-active:#4f46e547}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}button{font:inherit;cursor:pointer}button,[role=button],a.btn{min-width:44px;min-height:44px}.btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:inline-flex}.btn:hover{background:var(--color-surface-2)}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--icon{border-radius:var(--radius-md);background:0 0;border-color:#0000;width:44px;height:44px;padding:0}.btn--icon:hover{background:var(--color-surface-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.fade-enter-active,.fade-leave-active{transition:opacity var(--t-base) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}