:root{--omni-navy:#1a2b5e;--omni-navy-deep:#111d42;--omni-navy-hover:rgba(37,99,235,.15);--omni-navy-text:#93c5fd;--omni-navy-active:#60a5fa;--omni-blue:#2563eb;--omni-blue-hover:#1d4ed8;--omni-blue-light:#eff6ff;--omni-ai:#8b5cf6;--omni-ai-bg:#f5f3ff;--omni-ai-border:#ddd6fe;--omni-ai-text:#6d28d9;--omni-ai-glow:0 0 20px rgba(139,92,246,.15);--stock-ok-bg:#ecfdf5;--stock-ok-text:#065f46;--stock-low-bg:#fffbeb;--stock-low-text:#92400e;--stock-out-bg:#fef2f2;--stock-out-text:#b91c1c;--channel-wa-bg:#e8f5e9;--channel-wa-text:#2e7d32;--channel-ig-bg:#fce4ec;--channel-ig-text:#880e4f;--channel-em-bg:#e3f2fd;--channel-em-text:#0d47a1;--channel-tg-bg:#e3f2fd;--channel-tg-text:#0288d1;--nav-width-collapsed:56px;--nav-width-expanded:230px;--topbar-height:52px;--panel-list-width:340px;--panel-right-width:320px;--settings-nav-width:180px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-spring:350ms cubic-bezier(0.34,1.56,0.64,1);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);--shadow-card-hover:0 8px 25px -5px rgba(0,0,0,.1),0 4px 10px -4px rgba(0,0,0,.04);--shadow-blue-glow:0 4px 14px rgba(37,99,235,.18);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-page:#f1f5f9;--surface-elevated:#fff;--surface-glass:hsla(0,0%,100%,.72);--border-primary:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--gradient-navy:linear-gradient(180deg,#1e3370,#111d42);--gradient-blue:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-ai:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-page:linear-gradient(180deg,#f8fafc,#f1f5f9);--gradient-card:linear-gradient(180deg,#fff,#fafbfc)}@tailwind base;@tailwind components;@tailwind utilities;html{color-scheme:light!important}*{box-sizing:border-box}body{font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--text-primary);background:var(--surface-page)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}::selection{background:rgba(37,99,235,.15);color:var(--omni-blue)}.omni-card{background:var(--gradient-card);border:.5px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.omni-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.omni-glass{background:var(--surface-glass);backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:.5px solid hsla(0,0%,100%,.4)}.omni-ai-card{background:var(--omni-ai-bg);border:.5px solid var(--omni-ai-border);border-radius:var(--radius-lg);box-shadow:var(--omni-ai-glow);position:relative;overflow:hidden}.omni-ai-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.04),transparent);animation:omni-shimmer 4s ease-in-out infinite}@keyframes omni-shimmer{0%{left:-100%}to{left:200%}}.omni-btn-primary{background:var(--gradient-blue);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-family:inherit;cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.omni-btn-primary:hover{box-shadow:var(--shadow-blue-glow);transform:translateY(-.5px)}.omni-btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.omni-btn-ghost{background:var(--surface-primary);color:var(--text-secondary);border:.5px solid var(--border-primary);border-radius:var(--radius-md);font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.omni-btn-ghost:hover{background:var(--surface-secondary);border-color:#cbd5e1;color:var(--text-primary)}.omni-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.02em}.omni-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.omni-dot--active{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.4)}.omni-dot--error{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.4)}@keyframes omni-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes omni-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes omni-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:omni-fade-in .3s cubic-bezier(.4,0,.2,1) forwards}.animate-scale-in{animation:omni-scale-in .2s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-up{animation:omni-slide-up .35s cubic-bezier(.34,1.56,.64,1) forwards}.stagger-children>*{opacity:0;animation:omni-fade-in .3s cubic-bezier(.4,0,.2,1) forwards}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}:focus-visible{outline:2px solid var(--omni-blue);outline-offset:2px;border-radius:var(--radius-sm)}input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--omni-blue)!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;outline:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}