:root{--bg: #eef5fb;--bg-2: #e0eef9;--surface: #ffffff;--surface-2: #eef5fb;--ink: #0c1e3e;--ink-2: #3a567f;--ink-3: #7d96b8;--line: #d8e4f0;--line-soft: #e7eef6;--accent: #0ea5e9;--accent-2: #0284c7;--accent-soft: #0ea5e914;--accent-ring: #0ea5e933;--accent-shadow: #0ea5e966;--success-1: #34d399;--success-2: #059669;--display: "Sora", "Plus Jakarta Sans", "Noto Sans Thai", sans-serif;--sans: "Plus Jakarta Sans", "Noto Sans Thai", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--tilt-intensity: 7;--anim-mult: 1}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,#cfe6f9 0%,transparent 60%),radial-gradient(900px 500px at -10% 100%,#d3e8fa 0%,transparent 55%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b40;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#64748b73;background-clip:content-box}button{font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpi-icon{color:#fff}.kpi-indigo{background:linear-gradient(135deg,#38bdf8,#0284c7);--kpi-shadow: rgba(14,165,233,.5)}.kpi-violet{background:linear-gradient(135deg,#60a5fa,#2563eb);--kpi-shadow: rgba(37,99,235,.5)}.kpi-emerald{background:linear-gradient(135deg,#34d399,#0d9488);--kpi-shadow: rgba(13,148,136,.5)}.kpi-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b);--kpi-shadow: rgba(245,158,11,.5)}.kpi-rose{background:linear-gradient(135deg,#fb7185,#f43f5e);--kpi-shadow: rgba(244,63,94,.5)}.kpi-sky{background:linear-gradient(135deg,#67e8f9,#0891b2);--kpi-shadow: rgba(8,145,178,.5)}.mtype-emerald{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.mtype-amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.mtype-sky{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.kpi-card{position:relative}.kpi-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%),rgba(255,255,255,.6),transparent 60%);pointer-events:none;opacity:0;transition:opacity .35s ease}.kpi-card:hover:after{opacity:1}.nav-item:hover{background:#ffffff0f!important;color:#fff!important}.row-hover{transition:background .12s ease}.row-hover:hover{background:#6366f10a}.product-row:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px #0f172a2e}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.ripple{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffffffb3;transform:translate(-50%,-50%) scale(0);animation:ripple-anim .7s ease-out forwards;pointer-events:none}@keyframes ripple-anim{to{transform:translate(-50%,-50%) scale(45);opacity:0}}.page-fade-in{animation:page-fade calc(.42s * var(--anim-mult, 1)) cubic-bezier(.2,.8,.2,1)}@keyframes page-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-in{animation:toast-in .4s cubic-bezier(.2,.8,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cart-item-in{animation:cart-in .36s cubic-bezier(.2,.8,.2,1)}@keyframes cart-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.success-pop{animation:pop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.success-burst{animation:burst .8s cubic-bezier(.2,1.4,.4,1)}@keyframes burst{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}.warehouse-block:hover{transform:translateZ(15px)!important}body[data-anim=off] *,body[data-anim=off] *:before,body[data-anim=off] *:after{animation-duration:1ms!important;transition-duration:.05s!important}.modal-backdrop{animation:fade-in .24s ease}.modal-pop{animation:modal-pop .36s cubic-bezier(.2,1.3,.4,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#0ea5e9,transparent);box-shadow:0 0 14px 2px #0ea5e9b3;animation:scan-move 1.8s ease-in-out infinite}@keyframes scan-move{0%,to{top:8%}50%{top:88%}}.float-y{animation:float-y 4.5s ease-in-out infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}