@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050507;--bg-gradient: radial-gradient(circle at 50% 0%, #151520 0%, #050507 100%);--surface: #0a0a0f;--surface2: #13131a;--border: #222230;--border-glow: #CCFF0044;--text: #F8F8F8;--text-inv: #050505;--muted: #666677;--accent: #CCFF00;--accent-dim: #99CC00;--accent-transparent: #CCFF0022;--accent-glow: 0 0 20px #CCFF0044, 0 0 40px #CCFF0022;--green: #00E676;--red: #FF4D6D;--font-display: "Bebas Neue", sans-serif;--font-body: "Outfit", sans-serif;--radius: 16px;--shadow-sm: 0 4px 12px rgba(0,0,0,.5);--shadow-md: 0 8px 24px rgba(0,0,0,.6);--shadow-lg: 0 16px 48px rgba(0,0,0,.8)}.theme-se{--bg: #F7F5F8;--bg-gradient: radial-gradient(circle at 50% 0%, #FFFFFF 0%, #F7F5F8 100%);--surface: #FFFFFF;--surface2: #F0EDF2;--border: #E8E2EB;--border-glow: #EB459F44;--text: #110A11;--text-inv: #FFFFFF;--muted: #998899;--accent: #EB459F;--accent-dim: #C43585;--accent-transparent: #EB459F22;--accent-glow: 0 0 20px #EB459F44, 0 0 40px #EB459F22;--green: #16A34A;--red: #DC2626;--shadow-sm: 0 4px 12px rgba(235,69,159,.05);--shadow-md: 0 8px 24px rgba(235,69,159,.08);--shadow-lg: 0 16px 48px rgba(235,69,159,.12)}html,body,#root{height:100%;background:var(--bg);background-image:var(--bg-gradient);color:var(--text);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;overflow:hidden;touch-action:manipulation;transition:background-color .6s cubic-bezier(.22,1,.36,1),color .6s ease}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input{font-family:var(--font-body);outline:none}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:4px;height:4px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.glass{background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border)}.theme-se .glass{background:#ffffffb3;border:1px solid rgba(255,255,255,.9)}.shadow-card{box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.shadow-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pill{border-radius:100px;padding:8px 20px;font-weight:700;font-size:13px;letter-spacing:.04em;transition:opacity .15s,transform .1s}.pill:active{transform:scale(.97);opacity:.9}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tag-prime{background:#00e6761a;color:var(--green);border:1px solid rgba(0,230,118,.2)}.tag-lastchance{background:#ff4d6d1a;color:var(--red);border:1px solid rgba(255,77,109,.2)}.tag-archive{background:var(--accent-transparent);color:var(--accent);border:1px solid var(--border-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes elasticIn{0%{transform:scale(.8) translateY(20px);opacity:0}60%{transform:scale(1.05) translateY(-5px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.fade-in{animation:fadeIn .25s ease both}.pop-in{animation:pop .35s cubic-bezier(.34,1.56,.64,1) both}.spinner{animation:spin .8s linear infinite}.pulsing{animation:pulse 1.5s ease-in-out infinite}.slide-in-right{animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1) both}.elastic-in{animation:elasticIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}.slide-up{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) both}.active-border{border-color:var(--accent)!important;background:var(--surface2)}.pos-layout{display:flex;height:100vh;overflow:hidden;position:absolute;top:16px;right:16px;bottom:16px;left:16px;gap:16px}.pos-sidebar{transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:20}.pos-main{flex:1;display:flex;overflow:hidden;position:relative}.pos-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.pos-cart-wrapper{flex-shrink:0;z-index:30;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media (min-width: 1025px){.pos-cart-wrapper{width:480px;position:relative;transform:none!important}}@media (min-width: 769px) and (max-width: 1024px){.pos-cart-wrapper{width:360px!important;position:relative;transform:none!important}.pos-sidebar{width:88px!important;align-items:center}.pos-sidebar>div:first-child{display:none!important}.pos-sidebar button{justify-content:center!important;padding:16px 0!important}.pos-sidebar button span{display:none!important}.stat-grid,.action-grid{grid-template-columns:1fr 1fr!important}}@media (min-width: 769px){.mobile-only-btn,.mobile-only-btn-divider{display:none!important}}@media (max-width: 768px){.pos-layout{flex-direction:column;top:0!important;right:0!important;bottom:0!important;left:0!important;gap:0!important;border-radius:0!important}.pos-sidebar{width:100%!important;height:calc(70px + env(safe-area-inset-bottom))!important;flex-direction:row!important;order:3;border-radius:0!important;border-top:1px solid var(--border);padding:0 0 env(safe-area-inset-bottom) 0!important;background:#0a0a0fd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.theme-se .pos-sidebar{background:#ffffffd9!important}.pos-sidebar>div:first-child{display:none!important}.pos-sidebar>div:last-child{display:none!important}.pos-sidebar .scroll{flex-direction:row!important;overflow-x:auto;padding:0 8px!important;align-items:center;justify-content:space-around}.pos-sidebar button{padding:8px!important;flex-direction:column!important;gap:4px!important;background:transparent!important;border:none!important;box-shadow:none!important}.pos-sidebar button svg{margin-bottom:2px}.pos-sidebar button span{display:block!important;font-size:10px!important;font-family:var(--font-body)!important;letter-spacing:0!important;font-weight:600!important}.pos-sidebar .scroll::-webkit-scrollbar{display:none}.pos-cart-wrapper{position:absolute;top:0;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));width:100%!important;border-radius:0!important;background:var(--bg);z-index:50}.pos-cart-wrapper.mobile-hidden{transform:translateY(120%);opacity:0;pointer-events:none}.pos-cart-wrapper.mobile-active{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-cart-btn{position:absolute;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:40;padding:16px 28px;border-radius:100px;background:var(--accent);color:#000;font-weight:800;font-size:16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;white-space:nowrap;border:none}.stat-grid,.action-grid{grid-template-columns:1fr 1fr!important}.pos-content>div{padding:16px!important}.payment-total-font{font-size:clamp(36px,10vw,48px)!important}.modal-fullscreen-mobile{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:32px 16px env(safe-area-inset-bottom) 16px!important}}@media (max-width: 400px){.stat-grid{grid-template-columns:1fr!important}}@media print{.no-print{display:none!important}.print-only{display:block!important;position:absolute;left:0;top:0;width:100%;color:#000;background:#fff}}@media screen{.print-only{display:none!important}}@media print{#root{display:none!important}}.bento-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.bento-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f!important}
