:root{--brand-primary:#6366f1;--brand-primary-hover:#4f46e5;--brand-primary-active:#4338ca;--brand-primary-soft:rgba(99, 102, 241, 0.10);--brand-secondary:#8b5cf6;--brand-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--brand-gradient-subtle:linear-gradient(135deg, rgba(99,102,241,0.08) 0%, rgba(139,92,246,0.08) 100%)}:root{--color-success:#10b981;--color-success-hover:#059669;--color-success-soft:rgba(16, 185, 129, 0.10);--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-soft:rgba(245, 158, 11, 0.10);--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-soft:rgba(239, 68, 68, 0.10);--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-soft:rgba(59, 130, 246, 0.10)}:root{--surface-bg:#ffffff;--surface-bg-alt:#f8fafc;--surface-bg-hover:#f1f5f9;--surface-border:#e2e8f0;--surface-border-strong:#cbd5e1;--surface-divider:#f1f5f9}:root{--page-bg:#f3f4f6;--page-bg-alt:#f8fafc}:root{--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--text-inverse:#f8fafc;--text-link:var(--brand-primary);--text-link-hover:var(--brand-primary-hover)}:root{--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px}:root{--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.06),0 2px 4px rgba(0, 0, 0, 0.04);--shadow-lg:0 10px 24px rgba(0, 0, 0, 0.08),0 4px 8px rgba(0, 0, 0, 0.04);--shadow-xl:0 20px 48px rgba(0, 0, 0, 0.12),0 8px 16px rgba(0, 0, 0, 0.06);--shadow-glow-brand:0 0 0 3px rgba(99, 102, 241, 0.20);--shadow-glow-success:0 0 0 3px rgba(16, 185, 129, 0.20);--shadow-glow-danger:0 0 0 3px rgba(239, 68, 68, 0.20);--shadow-glow-warning:0 0 0 3px rgba(245, 158, 11, 0.20)}:root{--transition-fast:120ms ease;--transition-base:220ms ease;--transition-smooth:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:400ms cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625}:root{--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--z-tooltip:700}:root{--sidebar-width:230px;--sidebar-collapsed-width:64px;--header-height:62px;--bottom-nav-height:64px;--content-max-width:1400px}:root{--safe-area-top:env(safe-area-inset-top, 0px);--safe-area-bottom:env(safe-area-inset-bottom, 0px);--safe-area-left:env(safe-area-inset-left, 0px);--safe-area-right:env(safe-area-inset-right, 0px)}body[data-background-color=dark]{--surface-bg:#1e293b;--surface-bg-alt:#273549;--surface-bg-hover:#334155;--surface-border:rgba(255, 255, 255, 0.07);--surface-border-strong:rgba(255, 255, 255, 0.12);--surface-divider:rgba(255, 255, 255, 0.05);--page-bg:#0f172a;--page-bg-alt:#131e30;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#334155;--text-inverse:#0f172a;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.20);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.30);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.35);--shadow-lg:0 10px 24px rgba(0, 0, 0, 0.45);--shadow-xl:0 20px 48px rgba(0, 0, 0, 0.55);--brand-primary-soft:rgba(99, 102, 241, 0.15);--glass-bg:rgba(255, 255, 255, 0.04);--glass-bg-hover:rgba(255, 255, 255, 0.07);--glass-border:rgba(255, 255, 255, 0.07);--glass-blur:blur(16px)}@media (prefers-reduced-motion:no-preference){@keyframes slide-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes scale-in{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%{transform:translate(0,0) scale(1)}100%{transform:translate(25px,20px) scale(1.06)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-brand{color:var(--brand-primary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-info{color:var(--color-info)!important}.bg-surface{background:var(--surface-bg)!important}.bg-surface-alt{background:var(--surface-bg-alt)!important}.bg-page{background:var(--page-bg)!important}.gap-xs{gap:var(--space-2)}.gap-sm{gap:var(--space-3)}.gap-md{gap:var(--space-4)}.gap-lg{gap:var(--space-6)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.animate-slide-up{animation:slide-up .4s var(--transition-smooth) both}.animate-slide-down{animation:slide-down .3s var(--transition-smooth) both}.animate-fade-in{animation:fade-in .3s ease both}.animate-scale-in{animation:scale-in .25s var(--transition-bounce) both}.animate-stagger>:nth-child(1){animation-delay:0s}.animate-stagger>:nth-child(2){animation-delay:50ms}.animate-stagger>:nth-child(3){animation-delay:.1s}.animate-stagger>:nth-child(4){animation-delay:150ms}.animate-stagger>:nth-child(5){animation-delay:.2s}.skeleton{background:linear-gradient(90deg,var(--surface-bg-alt) 25%,var(--surface-bg-hover) 50%,var(--surface-bg-alt) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.no-select{user-select:none;-webkit-user-select:none}.scroll-smooth{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}