@layer base{:root{--bg-primary:#07090e;--bg-secondary:#0f131d;--bg-card:#161c2dbf;--bg-glass:#121826d9;--border-subtle:#ffffff14;--border-accent:#6366f14d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--brand-primary:#6366f1;--brand-hover:#4f46e5;--brand-glow:#6366f159;--accent-gold:#f59e0b;--accent-success:#10b981;--accent-danger:#ef4444;--accent-cyan:#06b6d4;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:1.25rem}.glass-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:9999px}.scanner-reticle{border-radius:24px;width:270px;height:270px;position:relative;overflow:hidden;box-shadow:0 0 0 4000px #07090eb8}.scanner-reticle:before{content:"";z-index:10;background:linear-gradient(90deg,#0000,#6366f1,#ec4899,#0000);width:100%;height:3px;animation:2.2s ease-in-out infinite alternate scan-laser;position:absolute;top:0;left:0;box-shadow:0 0 15px #6366f1,0 0 25px #ec4899}@keyframes scan-laser{0%{opacity:.6;top:5%}50%{opacity:1}to{opacity:.6;top:95%}}.reticle-corner{pointer-events:none;z-index:12;border-style:solid;border-color:#6366f1;width:28px;height:28px;position:absolute}.reticle-corner.tl{border-width:4px 0 0 4px;border-top-left-radius:20px;top:0;left:0}.reticle-corner.tr{border-width:4px 4px 0 0;border-top-right-radius:20px;top:0;right:0}.reticle-corner.bl{border-width:0 0 4px 4px;border-bottom-left-radius:20px;bottom:0;left:0}.reticle-corner.br{border-width:0 4px 4px 0;border-bottom-right-radius:20px;bottom:0;right:0}.btn-primary{color:#fff;box-shadow:0 10px 25px -5px var(--brand-glow);cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:active{filter:brightness(.95);transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1.1rem 1.5rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 25px -5px #10b98166}.btn-success:active{transform:scale(.97)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0f;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .15s;display:inline-flex}.btn-ghost:active{background:#ffffff1f;transform:scale(.98)}.keypad-btn{aspect-ratio:1.25;border:1px solid var(--border-subtle);color:#fff;font-family:var(--font-heading);cursor:pointer;background:#ffffff0a;border-radius:1.25rem;justify-content:center;align-items:center;font-size:1.75rem;font-weight:600;transition:all .12s;display:flex}.keypad-btn:active{border-color:var(--brand-primary);background:#6366f140;transform:scale(.92)}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.28s cubic-bezier(.16,1,.3,1) forwards slide-up}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #6366f133}50%{box-shadow:0 0 30px #6366f180}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}#qr-reader{background:0 0!important;border:none!important}#qr-reader video{border-radius:24px;object-fit:cover!important;width:100%!important;height:100%!important}#qr-reader__scan_region{background:0 0!important}#qr-reader__dashboard{display:none!important}.cashier-option{transition:background .15s,border-color .15s}.cashier-option:hover:not(:disabled),.cashier-option:focus-visible{background:#6366f126!important;border-color:#6366f166!important}