@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #22c55e;--color-primary-light: #dcfce7;--color-primary-dark: #16a34a;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-sidebar: #111827;--color-sidebar-hover: #1f2937;--color-text: #111827;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-brand: "Playfair Display", Georgia, serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05)}html,body,#root{height:100%;height:100dvh;width:100%;overflow:hidden;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .18s ease-out forwards}.scale-in{animation:scaleIn .15s ease-out forwards}.slide-up{animation:slideUp .2s ease-out forwards}@keyframes slideEnterRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideExitLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideEnterLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideExitRight{0%{transform:translate(0)}to{transform:translate(100%)}}.slide-enter-right{animation:slideEnterRight var(--slide-dur, .34s) cubic-bezier(.4,0,.2,1) both}.slide-exit-left{animation:slideExitLeft var(--slide-dur, .34s) cubic-bezier(.4,0,.2,1) both}.slide-enter-left{animation:slideEnterLeft var(--slide-dur, .34s) cubic-bezier(.4,0,.2,1) both}.slide-exit-right{animation:slideExitRight var(--slide-dur, .34s) cubic-bezier(.4,0,.2,1) both}@keyframes favPop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}.fav-pop{animation:favPop .35s ease}@keyframes orbFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-53%) scale(1.05)}}@keyframes loginFormSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-form-animate{animation:loginFormSlide .35s ease-out forwards}.login-shake{animation:loginShake .4s ease-out}@keyframes loginStepIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.login-step-in{animation:loginStepIn .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes posViewFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.pos-view-enter{animation:posViewFadeIn .2s ease-out}@keyframes authFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-float{animation:authFloat 6s ease-in-out infinite;will-change:transform}.auth-submit-btn.ant-btn-primary{background:#f5a623!important;border-color:#f5a623!important;color:#1b1305!important;box-shadow:0 8px 20px #f5a62359!important;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.auth-submit-btn.ant-btn-primary:hover{background:#ffb733!important;border-color:#ffb733!important;color:#1b1305!important;box-shadow:0 10px 24px #f5a6236b!important}.auth-submit-btn.ant-btn-primary:active{background:#e2960f!important;border-color:#e2960f!important;transform:translateY(1px)}.auth-submit-btn.ant-btn-primary:focus-visible{outline:3px solid rgba(245,166,35,.45);outline-offset:2px}.auth-form .ant-input,.auth-form .ant-input-affix-wrapper{border-radius:12px;border-color:#e2e8f0}.auth-form .ant-input:hover,.auth-form .ant-input-affix-wrapper:hover{border-color:#f5a623}.auth-form .ant-input:focus,.auth-form .ant-input-focused,.auth-form .ant-input-affix-wrapper-focused{border-color:#f5a623!important;box-shadow:0 0 0 3px #f5a6232e!important}.auth-eye-btn:hover{color:#475569!important}.auth-eye-btn:focus-visible{outline:2px solid rgba(245,166,35,.45);outline-offset:1px}.auth-back-btn:hover{color:#475569!important}.auth-back-btn:focus-visible{outline:2px solid rgba(245,166,35,.45);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){.auth-float,.login-form-animate,.login-step-in,.login-shake{animation:none!important}}.simple-keyboard{background:#fff!important;border-top:1px solid #e5e7eb!important;border-radius:0!important;padding:8px 12px 12px!important;font-family:var(--font-body)!important}.simple-keyboard .hg-button{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;border-radius:8px!important;color:#111827!important;font-family:var(--font-body)!important;font-size:16px!important;font-weight:500!important;height:48px!important;box-shadow:none!important;transition:background .1s ease!important}.simple-keyboard .hg-button:active,.simple-keyboard .hg-button.hg-activeButton{background:#e5e7eb!important}.simple-keyboard .hg-button.hg-button-bksp,.simple-keyboard .hg-button.hg-button-enter,.simple-keyboard .hg-button.hg-button-shift,.simple-keyboard .hg-button.hg-button-space{background:#f3f4f6!important;font-size:14px!important}[data-theme=dark] .simple-keyboard{background:#1e293b!important;border-top-color:#334155!important}[data-theme=dark] .simple-keyboard .hg-button{background:#0f172a!important;border-bottom-color:#334155!important;color:#f8fafc!important}[data-theme=dark] .simple-keyboard .hg-button:active,[data-theme=dark] .simple-keyboard .hg-button.hg-activeButton{background:#334155!important}[data-theme=dark] .simple-keyboard .hg-button.hg-button-bksp,[data-theme=dark] .simple-keyboard .hg-button.hg-button-enter,[data-theme=dark] .simple-keyboard .hg-button.hg-button-shift,[data-theme=dark] .simple-keyboard .hg-button.hg-button-space{background:#162032!important}[data-theme=dark] .app-nav-item:hover{background:#1e293b!important;color:#f8fafc!important}.app-shell{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden}.app-nav{display:flex;align-items:center;flex-shrink:0}.app-nav-item{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#9ca3af;box-sizing:border-box}@media (min-width: 1024px){.app-shell{flex-direction:row}.app-shell-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-nav{width:64px;min-width:64px;height:100%;flex-direction:column;background:#fff;border-right:1px solid #e5e7eb;padding:16px 0;gap:4px}.app-nav-logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.app-nav-item{width:44px;height:44px;border-radius:10px;font-size:18px;color:#6b7280}.app-nav-item:hover{background:#f3f4f6;color:#111827}.app-nav-item.active{background:#f0fdf4;color:#22c55e}.app-nav-item-label{display:none}.app-nav-spacer{flex:1}.on-screen-keyboard{bottom:0!important;left:64px!important;right:0!important}}@media (max-width: 1023px){.app-shell{flex-direction:column}.app-shell-content{flex:1;display:flex;flex-direction:column;overflow:hidden;order:1}.app-nav{order:2;width:100%;height:56px;flex-direction:row;background:#fff;border-top:1px solid #e5e7eb}.app-nav-logo,.app-nav-spacer{display:none}.app-nav-item{flex:1;height:100%;flex-direction:column;font-size:18px;gap:2px;color:#6b7280;border-radius:0}.app-nav-item:hover{color:#374151}.app-nav-item.active{color:#22c55e}.app-nav-item-label{display:block;font-size:10px;font-weight:500;line-height:1}.on-screen-keyboard{bottom:56px!important;left:0!important;right:0!important}}.mobile-only{display:none!important}.desktop-only{display:unset!important}@media (max-width: 767px){.mobile-only{display:unset!important}.desktop-only{display:none!important}.mobile-flex{display:flex!important}.desktop-flex{display:none!important}.mobile-block{display:block!important}.desktop-block{display:none!important}}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:unset!important}.mobile-flex{display:none!important}.desktop-flex{display:flex!important}.mobile-block{display:none!important}.desktop-block{display:block!important}}.touch-target-min{min-width:44px!important;min-height:44px!important}.mobile-cart-fab{position:fixed;bottom:72px;right:16px;z-index:1000}@media (min-width: 1024px){.mobile-cart-fab{bottom:16px}}