:root,html[data-mode=light]{--app-bg:linear-gradient(135deg, #c7d2fe 0%, #ddd6fe 40%, #fbcfe8 100%);--sidebar-bg:#ffffff85;--sidebar-border:#ffffff73;--sidebar-text:#1e293b;--sidebar-text-muted:#64748b;--sidebar-hover-bg:#ffffff73;--sidebar-active-bg:#6366f124;--sidebar-active-text:#6366f1;--navbar-bg:#ffffff94;--card-bg:#ffffff80;--modal-bg:#ffffffe6;--card-border:#ffffff8c;--card-radius:20px;--card-shadow:0 4px 24px #6478c81a;--card-shadow-hover:0 14px 44px #6478c82e;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0cc;--input-bg:#ffffff8c;--input-border:#e2e8f0e6;--table-header-bg:#f8fafc99;--table-row-hover:#6366f10a;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f147}html[data-mode=dark]{--app-bg:linear-gradient(135deg, #0a0820 0%, #130d2e 50%, #0d1a3a 100%);--sidebar-bg:#120c2ab8;--sidebar-border:#ffffff12;--sidebar-text:#e2e8f0;--sidebar-text-muted:#94a3b8;--sidebar-hover-bg:#ffffff0d;--sidebar-active-bg:#818cf82e;--sidebar-active-text:#a5b4fc;--navbar-bg:#120c2ac7;--card-bg:#ffffff0f;--modal-bg:#0a0824e6;--card-border:#ffffff17;--card-radius:20px;--card-shadow:0 4px 24px #00000059;--card-shadow-hover:0 14px 44px #00000080;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#ffffff14;--input-bg:#140c2d8c;--input-border:#ffffff1f;--table-header-bg:#ffffff08;--table-row-hover:#818cf812;--accent:#818cf8;--accent-hover:#6366f1;--accent-glow:#818cf852}body{background:var(--app-bg);background-attachment:fixed}#appBg .blob{filter:blur(90px);pointer-events:none;border-radius:50%;transition:all .4s;position:absolute}html[data-mode=light] #appBg{background:linear-gradient(135deg,#c7d2fe 0%,#ddd6fe 40%,#fbcfe8 100%)}html[data-mode=light] #appBg .blob-1{background:#a78bfa59;width:650px;height:650px;top:-200px;right:-100px}html[data-mode=light] #appBg .blob-2{background:#6366f133;width:500px;height:500px;bottom:-120px;left:150px}html[data-mode=light] #appBg .blob-3{background:#ec489926;width:350px;height:350px;top:40%;left:55%}html[data-mode=dark] #appBg{background:linear-gradient(135deg,#0a0820 0%,#130d2e 50%,#0d1a3a 100%)}html[data-mode=dark] #appBg .blob-1{background:#6366f124;width:700px;height:700px;top:-250px;right:-150px}html[data-mode=dark] #appBg .blob-2{background:#8b5cf61a;width:550px;height:550px;bottom:-150px;left:100px}html[data-mode=dark] #appBg .blob-3{background:#3b82f614;width:400px;height:400px;top:35%;left:50%}.app-sidebar,.app-navbar{-webkit-backdrop-filter:blur(28px)saturate(1.8)}.metric-card,.table-card{-webkit-backdrop-filter:blur(20px)saturate(1.6)}.dropdown-menu{-webkit-backdrop-filter:none!important;opacity:1!important;background:#fff!important;box-shadow:0 14px 40px #0000002e!important}html[data-mode=dark] .dropdown-menu{background:#140e32!important;box-shadow:0 14px 40px #000000b3!important}.metric-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff9,#0000);height:1px;position:absolute;top:0;left:0;right:0}html[data-mode=dark] .icon-sales{color:#a5b4fc;background:#818cf833}html[data-mode=dark] .icon-inventory{color:#6ee7b7;background:#34d39933}html[data-mode=dark] .icon-clients{color:#fde68a;background:#fbbf2433}html[data-mode=dark] .icon-alerts{color:#fca5a5;background:#f8717133}html[data-mode=dark] .progress-fill{background:linear-gradient(90deg,#6ee7b7,#34d399)}