@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#ea580c;--primary:#ea580c;--primary-hover:#c2410c;--primary-glow:#ea580c33;--accent-amber:#f59e0b;--accent-orange:#ea580c;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-cyan:#0284c7;--accent-indigo:#6366f1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 20px 35px -8px #0f172a14, 0 8px 15px -6px #0f172a08;--shadow-hover:0 12px 28px -4px #ea580c26, 0 4px 12px -2px #0f172a0f;--glass-backdrop:blur(16px)}*{box-sizing:border-box;font-family:var(--font-main);-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:clip}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-main);-webkit-user-select:none;user-select:none;border:none;outline:none;transition:all .22s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.97)}input,select,textarea{font-family:var(--font-main);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);background:#fff;outline:none;max-width:100%;padding:10px 14px;font-size:.95rem;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0f172a08}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow), 0 2px 6px #ea580c1a;background:#fff}.pos-grid-container{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:24px;width:100%;display:grid}@media (width<=1100px){.pos-grid-container{grid-template-columns:1fr}}.admin-grid-container{box-sizing:border-box;grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:24px;width:100%;display:grid}@media (width<=1024px){.admin-grid-container{grid-template-columns:1fr}}.glass-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;max-width:100%;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:var(--shadow-hover);border-color:#ea580c59;transform:translateY(-2px)}.btn-primary{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #ea580c4d}.btn-primary:hover{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ea580c66}.btn-secondary{color:#1e293b;border-radius:var(--radius-sm);background:#fff;border:1px solid #cbd5e1;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0f172a0d}.btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-danger{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #f43f5e40}.btn-danger:hover{background:linear-gradient(135deg,#fb7185 0%,#be123c 100%);transform:translateY(-1px);box-shadow:0 6px 16px #f43f5e59}.btn-success{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#10b981 0%,#059669 100%);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98166}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-manager{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-cashier,.badge-paid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-cancelled{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ea580c}@media print{.no-print{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.28s cubic-bezier(.16,1,.3,1) slideUp}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pop-in{animation:.25s cubic-bezier(.16,1,.3,1) popIn}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ea580c4d}50%{box-shadow:0 0 0 8px #ea580c00}}.pulse-glow{animation:2s infinite pulseGlow}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.pulse-dot{animation:1.8s ease-in-out infinite pulseDot}