@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Outfit", "Kanit", sans-serif;--bg-gradient:linear-gradient(135deg, #fff5eb 0%, #ffedf2 50%, #f0f3ff 100%);--glass-bg:#ffffffb3;--glass-border:#fff9;--glass-shadow:#1f268714;--text-primary:#2d3142;--text-secondary:#6c757d;--primary:#ff6b35;--primary-hover:#e85a24;--primary-light:#ff6b351a;--secondary:#ffb800;--accent:#2ec4b6;--accent-light:#2ec4b61a;--danger:#e63946;--danger-light:#e639461a;--card-radius:20px;--btn-radius:12px;--modal-radius:28px;--transition-smooth:all .35s cubic-bezier(.25, .8, .25, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=dark]{--bg-gradient:linear-gradient(135deg, #0e0e13 0%, #161219 50%, #0d111d 100%);--glass-bg:#16161ea6;--glass-border:#ffffff14;--glass-shadow:#00000059;--text-primary:#f4f5f6;--text-secondary:#a0aab2;--primary:#ff7d4d;--primary-hover:#ff9166;--primary-light:#ff7d4d26;--secondary:#ffc83b;--accent:#33d1c1;--accent-light:#33d1c126;--danger:#ff4d5a;--danger-light:#ff4d5a26}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;transition:var(--transition-smooth);background-attachment:fixed;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ff6b3540;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(120%);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow);border-radius:var(--card-radius);transition:var(--transition-smooth)}.glass-panel:hover{box-shadow:0 12px 40px 0 #ff6b3514, 0 8px 32px 0 var(--glass-shadow);border-color:#ff6b354d}.glass-modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(140%);border:1px solid var(--glass-border);box-shadow:0 24px 64px 0 #00000026, 0 8px 32px 0 var(--glass-shadow);border-radius:var(--modal-radius);animation:.4s cubic-bezier(.16,1,.3,1) forwards modalScaleUp}.glass-input{border:1px solid var(--glass-border);border-radius:var(--btn-radius);color:var(--text-primary);font-family:var(--font-primary);transition:var(--transition-smooth);background:#ffffff0d;outline:none;padding:12px 16px;font-size:1rem}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background:#ffffff1a}.glass-btn{font-family:var(--font-primary);border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-bounce);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.glass-btn-primary{background:var(--primary);box-shadow:0 4px 15px #ff6b354d;color:#fff!important}.glass-btn-primary:hover{background:var(--primary-hover);transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3573}.glass-btn-primary:active{transform:translateY(-1px)}.glass-btn-secondary{background:var(--primary-light);border:1px solid #ff6b3526;color:var(--primary)!important}.glass-btn-secondary:hover{background:#ff6b3533;transform:translateY(-2px)}.glass-btn-secondary:active{transform:translateY(0)}.glass-btn-outline{border:1px solid var(--glass-border);color:var(--text-primary);background:0 0}.glass-btn-outline:hover{border-color:var(--text-secondary);background:#ffffff1a;transform:translateY(-2px)}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#ff9f1c;background:#ff9f1c26;border:1px solid #ff9f1c33}.badge-preparing{color:var(--primary);background:#ff6b3526;border:1px solid #ff6b3533}.badge-completed{background:var(--accent-light);color:var(--accent);border:1px solid #2ec4b633}.container{max-width:1200px;margin:0 auto;padding:24px 16px}.flex-row{justify-content:space-between;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=768px){.grid-cols-2{grid-template-columns:1fr}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bellRing{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(4deg)}85%{transform:rotate(-4deg)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-bell{animation:1.2s cubic-bezier(.36,.07,.19,.97) infinite alternate bellRing}.shimmer{background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%) 0 0/200% 100%;animation:1.5s infinite shimmerAnim}@keyframes shimmerAnim{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=600px){.mobile-hide{display:none!important}}@media (width<=900px){.merchant-container{flex-direction:column!important}.merchant-sidebar{display:none!important}.merchant-main{height:auto!important;padding:16px 16px 100px!important}.merchant-mobile-nav{display:flex!important}.merchant-board{grid-template-columns:1fr!important}.qr-layout{flex-direction:column!important}.analytics-grid{grid-template-columns:1fr!important}.analytics-layout{flex-direction:column!important}}