.cart-container{flex:1;gap:11px;display:flex;flex-direction:column;font-family:sans-serif;min-height:0;height:100%}.cart-title{font-weight:700;font-size:16px;color:#1e293b;flex-shrink:0}.cart-items-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:5px}.cart-empty-container{flex:1;align-items:center;justify-content:center;background-color:#f8fafc;border-radius:11px;display:flex}.cart-empty-text{font-size:12px;color:#64748b}.cart-item-card{background-color:#f8fafc;border-radius:8px;padding:11px;border-width:1px;border-color:#e2e8f0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-style:solid}.cart-item-info{flex:1;margin-right:8px}.cart-item-name{font-weight:600;color:#334155;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{color:#3b82f6;font-weight:700;font-size:11px;margin-top:3px}.cart-controls{display:flex;flex-direction:row;align-items:center;gap:8px}.cart-qty-num{min-width:20px;text-align:center;font-weight:700;color:#1e293b;font-size:12px}.cart-q-btn{width:27px;height:27px;align-items:center;justify-content:center;background-color:#e0e7ff;border-radius:7px;border:none;display:flex;font-weight:700;font-size:15px;cursor:pointer}.cart-remove-btn{width:27px;height:27px;align-items:center;justify-content:center;background-color:#fee2e2;border-radius:7px;margin-left:5px;border:none;font-weight:700;font-size:12px;color:#ef4444;cursor:pointer;display:flex}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;font-family:sans-serif}.product-card{display:flex;flex-direction:column;background-color:#fff;border-radius:11px;min-height:80px;justify-content:space-between;border-width:1px;border-color:#e2e8f0;padding:11px;box-shadow:0 1px 5px #0000000a;border-style:solid;cursor:pointer}.product-name{font-size:12px;font-weight:600;color:#1e293b;text-align:left}.product-price{font-size:12px;color:#10b981;font-weight:700;margin-top:5px;align-self:flex-end}.toast{position:fixed;bottom:13px;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:7px 11px;border-radius:5px;font-weight:600;box-shadow:0 3px 11px #0003;z-index:9999;font-family:sans-serif}.login-container{display:flex;min-height:67vh;justify-content:center;align-items:center;background-color:#f0f4f8;font-family:sans-serif}.login-box{width:100%;max-width:268px;padding:27px 21px;background-color:#fff;border-radius:13px;box-shadow:0 2.7px 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.login-header{font-size:19px;font-weight:700;text-align:center;margin-bottom:16px;color:#1e293b}.login-label{font-size:11px;font-weight:600;color:#475569;margin-bottom:5px}.login-input{border-width:1px;border-color:#cbd5e1;border-radius:8px;padding:11px;font-size:12px;background-color:#f8fafc;margin-bottom:11px;width:100%;border-style:solid}.login-btn{background-color:#3b82f6;padding:13px;border-radius:8px;color:#fff;font-weight:700;font-size:12px;width:100%;border:none;cursor:pointer}.pos-container{display:flex;flex-direction:column;min-height:33vh;background-color:#f0f4f8;padding:11px;font-family:sans-serif}.pos-hidden-input{position:absolute;top:-667px;height:.67px;width:.67px;opacity:0}.pos-header{display:flex;flex-direction:row;align-items:center;margin-bottom:11px}.pos-tabs-scroll{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px}.pos-tab{padding:8px 13px;border-radius:11px;background-color:#fff;margin-right:7px;border:1px solid #e2e8f0;cursor:pointer;border-color:#fff}.pos-tab-active{background-color:#3b82f6;border-color:#3b82f6}.pos-tab-text{color:#334155;font-weight:700;font-size:11px}.pos-tab-text-active{color:#fff}.pos-header-actions{display:flex;flex-direction:row;margin-left:auto;gap:7px}.pos-header-btn{padding:8px 13px;border-radius:11px;color:#fff;font-weight:700;font-size:11px;border:none;cursor:pointer}.pos-content{display:flex;flex-direction:row;gap:11px;flex:1;min-height:0}.pos-products-panel{flex:6;min-width:0}.pos-cart-panel{flex:4;background-color:#fff;border-radius:13px;padding:11px 11px 80px;box-shadow:0 1px 7px #0000000d;position:relative;min-height:0;display:flex;flex-direction:column;height:402px;max-height:402vh}.pos-cart-scrollable{flex:1;min-height:0;overflow-y:auto}.pos-cart-footer-bar{position:absolute;left:11px;right:11px;bottom:11px;background:#f8fafc;border-radius:11px;box-shadow:0 1px 5px #0000000a;padding:11px 16px;display:flex;flex-direction:column;gap:8px;z-index:2}.pos-summary{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;border-top:none;margin-top:0}.pos-total-text{font-size:15px;font-weight:600;color:#475569}.pos-total-amount{font-size:19px;font-weight:700;color:#1e293b}.pos-payment-actions{display:flex;flex-direction:row;gap:8px;margin-top:5px}.pos-pay-btn{flex:1;padding:13px;border-radius:11px;color:#fff;font-weight:700;font-size:12px;border:none;cursor:pointer;gap:8px;margin-top:5px}.scan-container{display:flex;flex-direction:row;background-color:#f0f4f8;min-height:67vh;font-family:sans-serif;box-sizing:border-box}.scan-left-panel{flex:2;padding:21px 16px;box-sizing:border-box}.scan-right-panel{flex:1;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:27px;border-left:1px solid #e2e8f0;box-sizing:border-box}.scan-title{font-size:19px;font-weight:700;color:#1e293b;margin-bottom:16px}.scan-input-container{display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.scan-input{flex:1;border:1px solid #cbd5e1;border-radius:8px;padding:9px 12px;font-size:13px;background-color:#fff}.scan-lookup-btn{background-color:#10b981;padding:0 16px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-weight:700;font-size:12px;border:none;cursor:pointer}.scan-toggle-btn{background-color:#64748b;padding:0 13px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-weight:700;font-size:11px;border:none;cursor:pointer}.scan-student-panel{background-color:#fff;border-radius:11px;padding:16px;border:1px solid #e2e8f0;margin-top:11px}.scan-student-name{font-weight:700;font-size:17px;color:#3b82f6;margin-bottom:11px;border-bottom:1px solid #e2e8f0;padding-bottom:11px}.scan-detail-row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8px}.scan-detail-label{font-size:12px;color:#475569}.scan-detail-value{font-size:12px;font-weight:600;color:#1e293b}.scan-total-label{font-size:16px;color:#64748b;margin-bottom:5px}.scan-total-amount{font-size:30px;font-weight:700;color:#1e293b;margin-bottom:21px}.scan-charge-btn{background-color:#3b82f6;padding:16px 0;border-radius:11px;width:100%;color:#fff;font-weight:700;font-size:15px;border:none;cursor:pointer}.scan-disabled-btn{opacity:.5;cursor:not-allowed}.scan-keypad{display:flex;flex-direction:column;gap:5px;margin-top:5px;padding:5px;background-color:#e2e8f0;border-radius:8px}.scan-keypad-row{display:flex;flex-direction:row;gap:5px;justify-content:center}.scan-keypad-btn{flex:1;min-height:33px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:5px;border:none;box-shadow:0 .7px 1.3px #0000000f;cursor:pointer}.scan-keypad-txt{font-size:13px;font-weight:600;color:#1e293b}.scan-back-btn{align-self:flex-start;margin-bottom:16px;background:#f3f4f6;border:none;color:#3b82f6;font-weight:700;font-size:12px;cursor:pointer;padding:5px 13px;border-radius:8px;box-shadow:0 .7px 2.7px #0000000a;transition:background .2s}.cash-container{display:flex;flex-direction:row;background-color:#f0f4f8;min-height:67vh;min-width:0;font-family:sans-serif;box-sizing:border-box}.cash-left-panel{flex:2;min-width:0;padding:21px 16px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;box-sizing:border-box}.cash-right-panel{flex:1;min-width:0;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:21px;border-left:1px solid #e2e8f0;box-sizing:border-box}.cash-total-label{font-size:13px;color:#64748b;margin-bottom:5px;text-align:center}.cash-total-amount{font-size:30px;font-weight:700;color:#1e293b;margin-bottom:16px;text-align:center}.cash-label{font-size:12px;color:#64748b;margin-bottom:5px;text-align:center}.cash-label-left{font-size:12px;color:#64748b;margin-bottom:5px;text-align:left;width:100%}.cash-cash-input-container{background-color:#fff;border-radius:11px;padding:11px;margin-bottom:11px;border:1px solid #e2e8f0;align-items:stretch;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.cash-input{font-size:21px;font-weight:600;color:#1e293b;text-align:center;padding:5px 0;width:100%;border:none;background:transparent;box-sizing:border-box}.cash-change{font-size:24px;font-weight:700;color:#10b981;text-align:center}.cash-keypad{display:flex;flex-direction:column;gap:5px;width:100%;margin-bottom:5px}.cash-keypad-row{display:flex;flex-direction:row;gap:5px;justify-content:center;width:100%}.cash-keypad-btn{flex:1;min-width:0;height:54px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;border:none;box-shadow:0 .7px 1.3px #00000014;cursor:pointer}.cash-keypad-txt{font-size:15px;font-weight:600;color:#1e293b}.cash-complete-btn{background-color:#10b981;padding:11px;border-radius:8px;align-items:center;margin-top:11px;width:100%;color:#fff;font-weight:700;font-size:12px;border:none;cursor:pointer}.cash-back-btn{align-self:flex-start;margin-bottom:16px;background:#f3f4f6;border:none;color:#3b82f6;font-weight:700;font-size:12px;cursor:pointer;padding:5px 13px;border-radius:8px;box-shadow:0 .7px 2.7px #0000000a;transition:background .2s}.history-container{min-height:67vh;background-color:#f0f4f8;font-family:sans-serif}.history-back-btn{margin-bottom:16px;background:#f3f4f6;border:none;color:#3b82f6;font-weight:700;font-size:12px;cursor:pointer;padding:5px 13px;border-radius:8px;box-shadow:0 .7px 2.7px #0000000a;transition:background .2s}.history-card{background-color:#fff;border-radius:11px;padding:13px;margin-bottom:11px;box-shadow:0 1px 7px #0000000d}.history-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:8px}.history-date{font-weight:600;color:#475569;font-size:11px}.history-total{font-weight:700;font-size:13px;color:#1e293b}.history-details{margin-bottom:8px}.history-detail-text{font-size:11px;color:#64748b;margin-bottom:2px}.history-value-text{font-weight:600;color:#334155}.history-payment-info{background-color:#f8fafc;padding:8px;border-radius:5px;margin-top:3px}::-webkit-scrollbar{width:18px;height:18px}::-webkit-scrollbar-track{background:#e2e8f0;border-radius:12px}::-webkit-scrollbar-thumb{background-color:#94a3b8;border-radius:12px;border:4px solid #E2E8F0}::-webkit-scrollbar-thumb:hover{background-color:#64748b}*{scrollbar-width:auto;scrollbar-color:#94A3B8 #E2E8F0}select{position:relative;z-index:1000}