:root{--appshell-bg:#f8f9fc;--appshell-bg-surface:#fff;--appshell-bg-hover:#f1f5f9;--appshell-bg-active:#e2e8f0;--appshell-bg-overlay:#0000004d;--appshell-text:#1a1d23;--appshell-text-secondary:#6b7280;--appshell-text-muted:#9ca3af;--appshell-text-inverse:#fff;--appshell-border:#e5e7eb;--appshell-border-light:#f3f4f6;--appshell-accent:#2563eb;--appshell-accent-hover:#1d4ed8;--appshell-accent-light:#dbeafe;--appshell-accent-text:#1e40af;--appshell-indigo:#6366f1;--appshell-indigo-light:#e0e7ff;--appshell-danger:#ef4444;--appshell-danger-light:#fee2e2;--appshell-warning:#f59e0b;--appshell-warning-light:#fef3c7;--appshell-success:#10b981;--appshell-success-light:#d1fae5;--appshell-shadow-sm:0 1px 2px #0000000d;--appshell-shadow-md:0 4px 6px #00000012;--appshell-shadow-lg:0 10px 15px #0000001a;--appshell-gradient-primary:linear-gradient(135deg, #2563eb, #6366f1);--appshell-gradient-header:linear-gradient(135deg, #eff6ff, #eef2ff);--appshell-sidebar-width:224px;--appshell-sidebar-collapsed-width:56px;--appshell-header-height:56px;--appshell-mobile-breakpoint:768px;--appshell-transition-fast:.15s ease;--appshell-transition-normal:.3s ease}.dark{--appshell-bg:#0f172a;--appshell-bg-surface:#1e293b;--appshell-bg-hover:#334155;--appshell-bg-active:#475569;--appshell-bg-overlay:#0009;--appshell-text:#f1f5f9;--appshell-text-secondary:#94a3b8;--appshell-text-muted:#64748b;--appshell-text-inverse:#0f172a;--appshell-border:#334155;--appshell-border-light:#1e293b;--appshell-accent:#60a5fa;--appshell-accent-hover:#93c5fd;--appshell-accent-light:#1e3a5f;--appshell-accent-text:#93c5fd;--appshell-indigo:#818cf8;--appshell-indigo-light:#312e81;--appshell-danger:#f87171;--appshell-danger-light:#7f1d1d;--appshell-warning:#fbbf24;--appshell-warning-light:#78350f;--appshell-success:#34d399;--appshell-success-light:#064e3b;--appshell-shadow-sm:0 1px 2px #0000004d;--appshell-shadow-md:0 4px 6px #0006;--appshell-shadow-lg:0 10px 15px #00000080;--appshell-gradient-primary:linear-gradient(135deg, #3b82f6, #818cf8);--appshell-gradient-header:linear-gradient(135deg, #1e293b, #1e293b)}.theme-transitioning,.theme-transitioning *{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}.appshell-surface{background-color:var(--appshell-bg-surface);border-color:var(--appshell-border);color:var(--appshell-text)}.appshell-gradient-text{background:var(--appshell-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}