:root{--primary-base: 224, 71%, 4%;--accent-base: 142, 72%, 45%;--gold-base: 45, 93%, 47%;--card-base: 223, 47%, 11%;--border-base: 220, 20%, 20%;--text-primary: 210, 40%, 98%;--text-secondary: 215, 20%, 65%;--bg-light: 0, 0%, 98%;--card-light: 0, 0%, 100%;--border-light: 220, 15%, 85%;--text-primary-light: 224, 71%, 4%;--text-secondary-light: 220, 10%, 40%;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--touch-target: 52px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .3);--glass-bg: rgba(10, 15, 28, .7);--glass-border: rgba(255, 255, 255, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow-x:hidden;font-family:var(--font-body);background-color:hsl(var(--primary-base));color:hsl(var(--text-primary));font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.light-theme{background-color:var(--bg-light);color:var(--text-primary-light)}body.light-theme .card,body.light-theme .modal-content,body.light-theme .side-panel{background-color:var(--card-light);border-color:hsl(var(--border-light));color:var(--text-primary-light);box-shadow:var(--shadow-sm)}body.light-theme .text-muted{color:var(--text-secondary-light)}body.light-theme input,body.light-theme select,body.light-theme textarea{background-color:var(--bg-light);border-color:hsl(var(--border-light));color:var(--text-primary-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border-base));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--accent-base))}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.text-muted{color:hsl(var(--text-secondary))}.text-accent{color:hsl(var(--accent-base))}.text-gold{color:hsl(var(--gold-base))}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:1.25rem 1.25rem 5.5rem}.grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.grid-pos{display:grid;grid-template-columns:1fr;gap:1rem;height:calc(100vh - 120px)}@media(min-width:768px){.grid-pos{grid-template-columns:1.6fr 1fr}}.mobile-only{display:flex!important}.desktop-only{display:none!important}@media(min-width:768px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}.card{background-color:hsl(var(--card-base));border:1px solid hsl(var(--border-base));border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s;overflow:hidden;position:relative}.card:hover{border-color:hsl(var(--accent-base));transform:translateY(-2px)}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;display:flex;justify-content:space-around;align-items:center;z-index:100;border-top:1px solid var(--glass-border)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsl(var(--text-secondary));text-decoration:none;font-size:.75rem;font-weight:500;height:100%;width:100%;cursor:pointer;transition:color .2s}.nav-item.active{color:hsl(var(--accent-base))}.nav-item svg{margin-bottom:3px;width:20px;height:20px}input,textarea{width:100%;height:var(--touch-target);padding:0 1rem;background-color:#ffffff08;border:1px solid hsl(var(--border-base));border-radius:var(--radius-sm);color:hsl(var(--text-primary));font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}select{width:100%;height:var(--touch-target);padding:0 2rem 0 .75rem;background-color:#ffffff08;border:1px solid hsl(var(--border-base));border-radius:var(--radius-sm);color:hsl(var(--text-primary));font-family:var(--font-body);font-size:.9rem;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s,box-shadow .2s}select option{background-color:#060e23;color:#f2f2f2;padding:8px}input:focus,select:focus,textarea:focus{border-color:hsl(var(--accent-base));box-shadow:0 0 0 3px #10b98126}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--touch-target);padding:0 1.5rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:hsl(var(--accent-base));color:#fff}.btn-primary:hover{background-color:#1ba74e}.btn-secondary{background-color:#ffffff0d;border:1px solid hsl(var(--border-base));color:hsl(var(--text-primary))}.btn-secondary:hover{background-color:#ffffff1a}.btn-danger{background-color:#ef4343;color:#fff}.btn-danger:hover{background-color:#eb1414}.receipt-table{width:100%;border-collapse:collapse}.receipt-table th{text-align:left;padding:8px;border-bottom:2px solid hsl(var(--border-base));color:hsl(var(--text-secondary));font-size:.85rem}.receipt-table td{padding:10px 8px;border-bottom:1px solid hsl(var(--border-base))}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;overflow-y:auto;max-height:100%;padding-right:4px}.pos-product-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:.75rem;height:120px;background-color:hsl(var(--card-base));border:1px solid hsl(var(--border-base));border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,background-color .2s}.pos-product-card:hover{border-color:hsl(var(--accent-base));background-color:#10b9810d}.pos-product-card .price{font-family:var(--font-display);font-weight:700;color:hsl(var(--accent-base))}.offline-banner{background-color:#e7b008;color:#000;padding:6px 12px;text-align:center;font-size:.85rem;font-weight:600;width:100%;z-index:1000;display:flex;align-items:center;justify-content:center;gap:8px}.offline-banner.synced{background-color:#20c55d;color:#fff}.toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;background-color:hsl(var(--card-base));border:1px solid hsl(var(--accent-base));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:2000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(120%)}to{transform:translate(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:hsl(var(--card-base));border:1px solid hsl(var(--border-base));border-radius:var(--radius-lg);width:100%;max-width:500px;padding:1.5rem;animation:modalScale .2s cubic-bezier(.16,1,.3,1)}@media(max-width:767px){.modal-overlay.bottom-sheet-mobile{align-items:flex-end;padding:0}.modal-overlay.bottom-sheet-mobile .modal-content,.modal-content.bottom-sheet{max-width:100%;border-radius:24px 24px 0 0;margin:0;animation:slideUp .3s cubic-bezier(.16,1,.3,1);padding-bottom:env(safe-area-inset-bottom,20px)}.cart-panel{position:fixed;bottom:64px;left:0;right:0;height:75vh!important;z-index:100;transform:translateY(120%);transition:transform .3s cubic-bezier(.16,1,.3,1);border-radius:24px 24px 0 0;margin:0;box-shadow:var(--shadow-lg)}.cart-panel.mobile-open{transform:translateY(0)}.checkout-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}.checkout-actions button{padding:0 4px!important;font-size:.8rem!important;flex-direction:column;justify-content:center;gap:4px!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:8px}.gap-md{gap:16px}.mt-md{margin-top:16px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.p-sm{padding:8px}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase}.badge-low-stock{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-in-stock{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}#receipt-print-area{display:none}@media print{body *{visibility:hidden}#receipt-print-area,#receipt-print-area *{visibility:visible!important}#receipt-print-area{display:block!important;position:absolute;left:0;top:0;width:80mm;color:#000;background:#fff;font-family:monospace;font-size:12px;padding:0;margin:0}html,body,#root,.app-shell,.main-content{display:block!important;height:auto!important;width:auto!important;overflow:visible!important;position:static!important;padding:0!important;margin:0!important}.bottom-nav,header,.card:not(#receipt-print-area){display:none!important}}.settings-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;width:100%}.settings-tab-switcher{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.receipt-table th,.receipt-table td{white-space:nowrap}@media(max-width:767px){.settings-header-container{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-tab-switcher{width:100%;justify-content:space-between;gap:8px}.settings-tab-switcher>button,.settings-tab-switcher>div{flex:1;min-width:fit-content}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-height:520px)and (min-width:576px){.grid-pos{grid-template-columns:1.2fr 1fr!important;height:calc(100vh - 105px)!important;gap:.75rem!important}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:8px!important}.pos-product-card{padding:8px!important;min-height:80px!important}.cart-panel{position:static!important;height:100%!important;transform:none!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;z-index:auto!important;padding:12px!important;gap:.5rem!important}.cart-panel .flex-between{padding-bottom:.5rem!important}.mobile-only.mobile-floating-cart{display:none!important}.customer-summary-card{padding:.5rem 1rem!important;gap:.75rem!important}.customer-summary-card h2{font-size:1.35rem!important}.customer-summary-card p{font-size:.75rem!important}.customer-summary-card svg{width:24px!important;height:24px!important}.customer-summary-card>div:first-child{padding:.5rem!important}}@media(max-height:520px){.onboarding-modal-content{max-height:92vh!important;overflow-y:auto!important;padding:1rem 1.5rem!important}.onboarding-modal-content h2{font-size:1.35rem!important;margin-bottom:.25rem!important}.onboarding-modal-content .onboarding-points-box{padding:.75rem 1rem!important;margin-bottom:.75rem!important}.onboarding-modal-content .onboarding-points-box ul{gap:.4rem!important}.onboarding-modal-content .onboarding-points-box li{font-size:.85rem!important}.onboarding-modal-content .onboarding-tip-box{padding:.75rem!important;margin-bottom:1rem!important;font-size:.8rem!important}}