:root{--font-sans:"Outfit", sans-serif;--primary-h:245;--primary-s:82%;--primary-l:58%;--primary:HSL(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover:HSL(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 8%));--primary-glow:HSLA(var(--primary-h), var(--primary-s), var(--primary-l), .15);--bg:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--surface-active:#e2e8f0;--text:#475569;--text-bold:#0f172a;--text-muted:#94a3b8;--border:#e2e8f0;--border-focus:HSL(var(--primary-h), var(--primary-s), var(--primary-l));--glass-bg:#ffffffbf;--glass-border:#0f172a14;--input-bg:#0f172a05;--input-bg-focus:#0f172a0a;--success:#02c39a;--success-glow:#02c39a1a;--warning:#f7b731;--warning-glow:#f7b7311a;--danger:#eb3b5a;--danger-glow:#eb3b5a1a;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--shadow:0 8px 30px #0000000d}.dark-theme{--bg:#08090d;--surface:#11141e;--surface-hover:#1b1f2e;--surface-active:#24293d;--text:#a0aec0;--text-bold:#f7fafc;--text-muted:#4a5568;--border:#1e2538;--glass-bg:#11141ebf;--glass-border:#ffffff0d;--input-bg:#ffffff08;--input-bg-focus:#ffffff0d;--success:#00f0b5;--success-glow:#00f0b51a;--warning:#ffbe0b;--warning-glow:#ffbe0b1a;--danger:#f05;--danger-glow:#ff00551a;--shadow:0 8px 30px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}h1,h2,h3,h4,h5,h6{color:var(--text-bold);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.viewport-frame{width:100%;height:100%;display:flex;container-type:inline-size}.app-container{background-color:var(--bg);width:100%;height:100%;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.touch-grid{gap:12px;padding:8px 0;display:grid}.touch-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.touch-card:hover{background-color:var(--surface-hover);border-color:var(--border-focus);box-shadow:var(--shadow);transform:translateY(-2px)}.touch-card:active{background-color:var(--surface-active);transform:scale(.98)}.form-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.form-label{color:var(--text-bold);font-size:14px;font-weight:500}.form-input{background-color:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-bold);transition:var(--transition);padding:12px}.form-input:focus{border-color:var(--border-focus);background-color:var(--input-bg-focus);box-shadow:0 0 0 4px var(--primary-glow)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background-color:var(--surface);border:1px solid var(--border);color:var(--text-bold)}.btn-secondary:hover{background-color:var(--surface-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sidebar-container{background-color:var(--surface);border-right:1px solid var(--border);width:260px;transition:var(--transition);flex-direction:column;justify-content:space-between;padding:24px 16px;display:flex}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-footer{flex-direction:column;display:flex}.mobile-header{display:none}.pos-container{width:100%;height:100%;display:flex;overflow:hidden}.pos-ledger{border-right:1px solid var(--border);background-color:#0000001a;flex-direction:column;flex-shrink:0;justify-content:space-between;width:clamp(300px,28vw,380px);padding:24px;display:flex}.responsive-layout-grid{grid-template-columns:1fr 340px;align-items:flex-start;gap:32px;display:grid}@container (width<=960px){.app-container{flex-direction:column!important;padding-bottom:0!important;overflow-y:auto!important}.main-content{padding-bottom:80px!important}.sidebar-container{border-right:none!important;border-top:1px solid var(--border)!important;z-index:1000!important;flex-direction:row!important;width:100%!important;height:60px!important;padding:8px 16px!important;position:absolute!important;bottom:0!important;left:0!important}.sidebar-brand{display:none!important}.sidebar-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:12px!important;width:100%!important}.sidebar-nav .btn{padding:8px 12px!important;font-size:13px!important}.sidebar-footer{display:none!important}.mobile-header{background-color:var(--surface)!important;border-bottom:1px solid var(--border)!important;z-index:1000!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:56px!important;padding:0 16px!important;display:flex!important;position:sticky!important;top:0!important}.pos-container{flex-direction:column-reverse!important;overflow-y:auto!important}.pos-ledger{border-right:none!important;border-top:1px solid var(--border)!important;background-color:#0000!important;border-bottom:none!important;width:100%!important;margin-top:24px!important}.responsive-layout-grid{grid-template-columns:1fr!important;gap:24px!important;padding:16px!important}}.sim-mobile{flex-direction:column!important;padding-bottom:0!important;overflow-y:auto!important}.sim-mobile .main-content{padding-bottom:80px!important}.sim-mobile .sidebar-container{border-right:none!important;border-top:1px solid var(--border)!important;z-index:1000!important;flex-direction:row!important;width:100%!important;height:60px!important;padding:8px 16px!important;position:absolute!important;bottom:0!important;left:0!important}.sim-mobile .sidebar-brand{display:none!important}.sim-mobile .sidebar-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:12px!important;width:100%!important}.sim-mobile .sidebar-nav .btn{padding:8px 12px!important;font-size:13px!important}.sim-mobile .sidebar-footer{display:none!important}.sim-mobile .mobile-header{background-color:var(--surface)!important;border-bottom:1px solid var(--border)!important;z-index:1000!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:56px!important;padding:0 16px!important;display:flex!important;position:sticky!important;top:0!important}.sim-mobile .pos-container{flex-direction:column-reverse!important;overflow-y:auto!important}.sim-mobile .pos-ledger{border-right:none!important;border-top:1px solid var(--border)!important;background-color:#0000!important;border-bottom:none!important;width:100%!important;margin-top:24px!important}.sim-mobile .responsive-layout-grid{grid-template-columns:1fr!important;gap:24px!important;padding:16px!important}.sim-bar-container{background-color:var(--surface);border-bottom:1px solid var(--border);color:var(--text-bold);z-index:10000;box-sizing:border-box;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:10px 20px;font-family:inherit;transition:all .3s;display:flex;position:relative}.sim-bar-roster{white-space:nowrap;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:10px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.sim-bar-roster::-webkit-scrollbar{height:4px}.sim-bar-roster::-webkit-scrollbar-track{background:#0000000d}.sim-bar-roster::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.sim-bar-roster::-webkit-scrollbar-thumb:hover{background:#0003}.sim-bar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);flex-shrink:0;margin-right:4px;font-size:11px;font-weight:700}.sim-profile-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background-color:var(--bg);color:var(--text);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.sim-profile-btn:hover{border-color:var(--border-focus);background-color:var(--surface-hover);color:var(--text-bold)}.sim-profile-btn.active{background-color:var(--primary-glow);color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.sim-viewport-container{flex-shrink:0;align-items:center;gap:8px;display:flex}.sim-viewport-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background-color:var(--bg);color:var(--text);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sim-viewport-btn:hover:not(:disabled){border-color:var(--border-focus);background-color:var(--surface-hover);color:var(--text-bold)}.sim-viewport-btn.active{background-color:var(--success-glow);color:var(--success);border-color:var(--success)}@media (width<=960px){.sim-bar-container{flex-direction:row;align-items:center;gap:12px;padding:8px 12px}.sim-viewport-container{border-top:none;width:auto;padding-top:0}}.mobile-cart-bar,.mobile-cart-overlay,.mobile-drawer-header{display:none}@container (width<=960px){.mobile-cart-bar{background-color:var(--surface);border-top:1px solid var(--border);z-index:1050;box-sizing:border-box;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;display:flex;position:absolute;bottom:60px;left:0;box-shadow:0 -4px 16px #00000014}.mobile-cart-badge{background-color:var(--primary-glow);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.mobile-cart-badge svg{margin:auto}.mobile-cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#00000073;animation:.2s ease-out fadeIn;display:block;position:absolute;inset:0}.mobile-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.mobile-drawer-close{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.mobile-drawer-close:hover{background-color:var(--border)}.pos-ledger{background-color:var(--surface)!important;border-top:1px solid var(--border)!important;border-top-left-radius:var(--radius-lg)!important;border-top-right-radius:var(--radius-lg)!important;z-index:1200!important;box-sizing:border-box!important;width:100%!important;height:82%!important;margin-top:0!important;padding:24px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;bottom:0!important;left:0!important;transform:translateY(100%)!important;box-shadow:0 -10px 45px #00000059!important}.pos-ledger.drawer-open{transform:translateY(0)!important}}.sim-mobile .mobile-cart-bar{background-color:var(--surface);border-top:1px solid var(--border);z-index:1050;box-sizing:border-box;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;display:flex;position:absolute;bottom:60px;left:0;box-shadow:0 -4px 16px #00000014}.sim-mobile .mobile-cart-badge{background-color:var(--primary-glow);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.sim-mobile .mobile-cart-badge svg{margin:auto}.sim-mobile .mobile-cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#00000073;animation:.2s ease-out fadeIn;display:block;position:absolute;inset:0}.sim-mobile .mobile-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.sim-mobile .mobile-drawer-close{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.sim-mobile .mobile-drawer-close:hover{background-color:var(--border)}.sim-mobile .pos-ledger{background-color:var(--surface)!important;border-top:1px solid var(--border)!important;border-top-left-radius:var(--radius-lg)!important;border-top-right-radius:var(--radius-lg)!important;z-index:1200!important;box-sizing:border-box!important;width:100%!important;height:82%!important;margin-top:0!important;padding:24px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;bottom:0!important;left:0!important;transform:translateY(100%)!important;box-shadow:0 -10px 45px #00000059!important}.sim-mobile .pos-ledger.drawer-open{transform:translateY(0)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.switch-container{background-color:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;transition:border-color .2s,background-color .2s;display:flex}.switch-container:hover{border-color:var(--border-focus);background-color:var(--surface-hover)}.switch-label{color:var(--text-bold);cursor:pointer;margin:0;font-size:13px;font-weight:600}.switch-track{background-color:var(--border);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .2s;position:relative}.switch-thumb{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}.switch-input{opacity:.001;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.switch-input:checked+.switch-track{background-color:var(--primary)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px)}.cart-item{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;padding:14px 4px;transition:background-color .2s;display:flex}.cart-item-name{color:var(--text-bold);align-items:center;gap:8px;margin:0 0 4px;font-size:14px;display:flex}.claim-badge{cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex;text-decoration:none!important}.claim-badge.unclaimed{background-color:var(--surface-active);color:var(--text-muted);border:1px dashed var(--border)}.claim-badge.unclaimed:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-glow)}.claim-badge.claimed{background-color:var(--success-glow);color:var(--success);border:1px solid hsl(var(--success) / .15)}.claim-badge.claimed:hover{background-color:var(--danger-glow);color:var(--danger);border-color:hsl(var(--danger) / .15)}.cart-item-price{color:var(--text-bold);cursor:pointer;border-bottom:1px dashed var(--text-muted);border-radius:var(--radius-sm);padding:2px 6px;font-size:13px;font-weight:600;transition:all .2s}.cart-item-price:hover{color:var(--primary);background-color:var(--primary-glow);border-bottom-color:var(--primary)}.cart-item-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.cart-item-delete:hover{background-color:var(--danger-glow);color:var(--danger)}.totals-section{border-top:1px solid var(--border);margin-bottom:20px;padding-top:16px}.totals-row{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.totals-row span:last-child{color:var(--text-bold);font-weight:600}.totals-row.commission.boosted span:last-child{color:var(--warning);font-weight:600}.totals-row.total-due{border-top:1px solid var(--border);color:var(--text-bold);margin-top:16px;padding-top:16px;font-size:14px;font-weight:700}.totals-row.total-due .total-price{color:var(--primary);font-size:20px}.tip-input{text-align:right;border:1px solid var(--border);background-color:var(--input-bg);border-radius:var(--radius-sm);width:90px;color:var(--text-bold);padding:6px 10px;font-size:14px;font-weight:600;transition:border-color .2s}.tip-input:focus{border-color:var(--border-focus);outline:none}.payment-segments{background-color:var(--surface-active);border-radius:var(--radius-md);border:1px solid var(--border);gap:4px;margin-bottom:16px;padding:4px;display:flex}.payment-segment-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.payment-segment-btn:hover{color:var(--text-bold)}.payment-segment-btn.active{background-color:var(--surface);color:var(--primary);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.pos-ledger-content{flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.pos-ledger-content::-webkit-scrollbar{width:4px}.pos-ledger-content::-webkit-scrollbar-track{background:0 0}.pos-ledger-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.alert-container-item{background-color:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}@media (width<=960px){.alert-container-item{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}}.floating-notifications-panel{z-index:15000;flex-direction:column;align-items:flex-end;gap:12px;width:calc(100% - 48px);max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}@media (width<=960px){.floating-notifications-panel{width:auto;max-width:none;bottom:80px;left:16px;right:16px}}.sim-mobile .floating-notifications-panel{z-index:1050!important;width:calc(100% - 32px)!important;max-width:none!important;position:absolute!important;bottom:80px!important;left:16px!important;right:16px!important}