:root{line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;min-width:100%;font-family:Roboto,sans-serif}.dashboard-container{display:flex;height:100vh;width:100%}.sidebar{width:180px;background:#fff;box-shadow:0 2px 8px #1b1b1ba4;color:#fff;display:flex;flex-direction:column;padding:0 20px 20px 10px}.sidebar img{width:70%;margin-top:20px}.logo{margin-bottom:20px;height:20vh}.nav-links{margin:50px 0}.bottom-links{margin-top:auto}.nav-links a,.bottom-links a{display:flex;align-items:center;gap:10px;padding:10px;color:#363030;text-decoration:none;font-size:14px;cursor:pointer}.nav-links a svg,.bottom-links a svg{width:15px;height:15px}.nav-links a:hover,.bottom-links a:hover{border-radius:5px}.nav-links a.active,.bottom-links a.active{color:#1570ef}.main-content{flex:1;height:100%;display:flex;flex-direction:column}.top-navbar{display:flex;flex-shrink:0;justify-content:space-between;padding:10px 30px;background:#fff;box-shadow:0 2px 2px #0000001a}.search-bar{display:flex;align-items:center;padding:3px;border-radius:5px;border:1px solid #ccc;background:transparent}.search-icon{color:#333;background:none;width:20px}.search-input{border:none;outline:none;background:transparent;flex:1;padding-left:5px;color:#333}.profile-section{display:flex;align-items:center;gap:10px}.profile-pic{width:30px;height:30px;border-radius:50%;object-fit:cover;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;text-transform:uppercase}.icon{width:15px;height:15px;margin-right:10px}.profile-name{font-size:14px;font-weight:500}.profile-pic:before{content:"👤";display:flex;align-items:center;justify-content:center;width:100%;height:100%}.content-area{flex:1;display:flex;padding:15px;min-height:0;gap:15px}.loading-placeholder{display:flex;gap:20px}.dashboard-card{background:#fff;box-shadow:0 0 8px #1a1818c2;border-radius:6px}.sales_overview,.overview-graph,.inventory_summary{display:flex;flex-direction:column;padding:10px;gap:5px}.overview_title,.inven_title,.donut-title,.qty-title,.top-stock-title{color:#1570ef;font-weight:900;font-size:.9rem}.sales-icon{background-color:#1570ef;padding:5px;color:#eee;border-radius:5px}.overview_details,.inventory-details{display:flex;gap:10px;padding-bottom:3px}.overview_info,.inven_info{flex:1;display:flex;flex-direction:column;padding:10px;border-radius:6px;background-color:#feffff;box-shadow:0 0 8px #1a1818c2}.info-heading{display:flex;gap:10px;font-weight:700;font-size:.8rem;color:#080808af}.info-txt{display:flex;gap:10px;align-self:flex-end;font-size:.8rem;color:#272626c9}.inven_info{align-items:center}.inven_info .sales-icon{margin-bottom:5px}.inven_info p{margin:0;padding:0;font-size:.8rem;line-height:1.3;color:#272626c9}.top-stock-container{flex:1;overflow:auto;display:flex;flex-direction:column}.overview-graph,.inventory_summary{flex-shrink:0}.low-stock-qty{flex:1;display:flex;padding:10px;gap:10px;flex-direction:column;overflow:auto}.scroll-arrow{position:sticky;left:50%;background:#b910100e;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;box-shadow:0 3px 3px #0000001a;pointer-events:auto;bottom:4px}.stores{flex:1;width:100%;height:100%;display:flex;flex-direction:column;gap:10px;padding:20px}.store-modal{display:flex;flex-direction:column;background:#fff;padding:20px;border-radius:5px}.store-modal h2{color:#1d52b3;font-size:1rem;text-align:center}.add-store{background-color:#1366d9;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;box-shadow:0 0 12px #095ed4f5}.store-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;padding:0 15px 15px;gap:15px}.store-list.scrollable::-webkit-scrollbar{width:8px}.store-card{background:#fff;border-radius:8px;box-shadow:0 0 8px #2e2e2ed0;display:flex;cursor:pointer;transition:transform .2s ease}.store-name{flex-basis:200px;font-size:12px;font-weight:700;color:#333;background-color:#78797a63;border-top-left-radius:8px;border-bottom-left-radius:8px;display:flex;justify-content:center;align-items:center}.store-details{padding:10px;font-size:.75rem;display:flex;justify-content:space-between;flex:1;align-items:flex-start}.edit-button{top:10px;right:10px;background-color:transparent;color:#1366d9;font-size:11px;font-weight:600;border:1px solid #babec7;padding:5px 20px;border-radius:5px;cursor:pointer}.store-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000054;display:flex;justify-content:center;align-items:center}.ctrl{display:flex;align-items:center;justify-content:space-between;padding:0 20px 10px;border-bottom:1px solid gray}.ctrl h2{text-align:center;font-size:14px}.store-form{display:flex;flex-direction:column;gap:6px}.business-name{display:flex;flex-direction:column}.address-group{display:flex;width:100%;gap:8px}label{font-size:.8rem;font-weight:600}input{margin:0;border:1px solid #ccc;border-radius:4px;font-size:.8rem;color:#0a0a0a}.button-group{display:flex;justify-content:end;gap:10px;padding-top:5px}.save,.discard{background:#d91313;color:#fff;padding:8px 20px;border:none;border-radius:5px;cursor:pointer}.save{background:#1366d9}*{margin:0;padding:0}.div{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:hidden}.store-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.nav-list{display:flex}.store-contents{flex:1;display:flex;overflow-y:hidden;padding:5px}.returnbtn{background:none;display:flex;border:none;cursor:pointer;padding:3px 10px}.store-nav ul{display:flex;list-style-type:none}.store-nav li{font-size:14px;color:#67696b;padding:1px 25px;cursor:pointer;transition:background-color .3s ease}.store-nav li:hover{background-color:#f0f0f0}.store-nav .active{border-bottom:2px solid #007bff;color:#007bff}.storename{padding-right:15px;font-size:.9rem;color:#474b4e}.tab-content{padding:100px 100px 0;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap}.products{height:100%;width:100%}.tab-content-left{flex-basis:80%}.product-detail{display:flex;width:100%;flex-wrap:nowrap}.info{flex-basis:20%;color:#5b6374}.supplier-details{margin-top:12px}.tab-content-right{flex-basis:20%}.image-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:44px;margin-top:40px}.image-holder{width:35%;height:100px;display:flex;align-items:center;justify-content:center;border:2px dashed #ccc;color:#777;cursor:pointer;text-align:center;font-size:11px}.image-holder img{width:100%;height:100%}.upload-btn{background-color:#4caf50;border:none;color:#fff;padding:8px 16px;margin-top:10px;cursor:pointer;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.modal-header h2{margin:0}.staff-listing{display:flex;flex-direction:column;flex:1;gap:10px}.staff-header{display:flex;justify-content:space-between;align-items:center}.staff-header h2{font-size:.9rem;color:#333}.add-staff-btn{background-color:#007bff;color:#fff;padding:6px 8px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.add-staff-btn:hover{background-color:#1570ef}.staff-list{display:flex;flex-wrap:wrap;gap:5px}.staff-content{padding:12px 0;width:100%;height:100%;gap:10px;display:flex;flex-wrap:wrap}.staff-modal{background:#fff;padding:10px;border-radius:10px;width:70%;max-height:70vh;overflow-y:auto;box-shadow:0 5px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#007bff}.cls-btn{background-color:transparent;border:none;color:#ff0000af}.staff-card{padding:10px;border-radius:12px;box-shadow:0 4px 8px #494949ab;display:flex;flex-direction:column;gap:10px}.data{display:flex;gap:10px;flex:1}.staff-img{width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:#d3d0d03b;border:1px solid rgba(0,0,0,.24)}.staff-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-icon{color:#0000006b}.staff-name{font-weight:600;font-size:1rem;color:#1570efe0;line-height:1}.staff-role{font-weight:600;font-size:.8rem;color:#161616c9;line-height:1;padding-bottom:10px}.staff-info{flex:1;display:flex;flex-direction:column;font-size:.75em}.staff-contact{line-height:1.2;color:#000000b0}.staff-actions{display:flex;gap:8px;justify-content:space-between}.staff-actions button{padding:4px 1px;width:100%;border:none;cursor:pointer;background-color:#1570ef}.staff-actions button:hover{opacity:.9}.staff-actions .delete-btn{background-color:#dc3545;color:#fff}.unassigned-product-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center}.unassigned-product-modal{background:#fff;width:80%;height:90%;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:.2rem .3rem .2rem .2rem;display:flex;justify-content:right;align-items:center}.modal-body{overflow-y:auto;flex:1}.exit{background-color:transparent;border:none;display:flex}.exit-icon{color:#2e2e2e}.exit-icon:hover{color:red}.donut-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.donut-header{display:flex;flex-direction:column;flex:1}.donut-header div{display:flex;flex-direction:column;gap:3px}.donut-header div p{font-size:.8rem;color:#080808c7}.donut-graph{display:flex;flex:1;height:90px;padding:10px 0;border-radius:6px;background-color:#feffff;box-shadow:0 4px 12px #999898e8}.ratio{color:#272626c9}.graph{width:60%}.custom-legend{flex:1;display:flex;flex-direction:column;justify-items:center;align-self:flex-end;font-size:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.store{background-color:#1c1c1c}.ordered{background-color:#656565}.stock-header{display:flex;justify-content:space-between}.stock-header a{font-size:.8rem;text-decoration:none;color:#1570ef}.stock-scroll-area{display:flex;flex-direction:column;gap:10px;overflow-y:auto;scroll-behavior:smooth;position:relative}.stock-scroll-area::-webkit-scrollbar{display:none}.stock-item{display:flex;align-items:center;gap:12px;border-radius:4px;background-color:#feffff;box-shadow:0 4px 8px #616161e1}.stock-item img{width:40px;height:40px;object-fit:cover;border-bottom-left-radius:4px;border-top-left-radius:4px}.stock-info{flex:1}.stock-name{font-weight:700;margin:0;font-size:.8rem;color:#1a1b1bce}.stock-qty{font-size:.7rem;color:#272626c9;margin:0}.stock-low{font-size:.8rem;color:#ff0000da;font-weight:700;padding-right:6px}.top-stock-header{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.top-stock-header a{font-size:.8rem;text-decoration:none;color:#1570ef}.top-stock-table-wrapper{overflow-y:auto;scroll-behavior:smooth;position:relative}.top-stock-table-wrapper::-webkit-scrollbar{display:none}.top-stock-table{width:100%;border-collapse:collapse}.top-stock-table thead{background-color:#fff;color:#272626c9;position:sticky;top:0;z-index:2}.top-stock-table th,.top-stock-table td{padding:5px 10px;font-size:.9rem;text-align:left;border-bottom:1px solid #eee;color:#272626c9}.item-img{display:flex;align-items:center;gap:12px}.item-img img{width:40px;height:40px;object-fit:cover;border-radius:6px}.top-stock-table tbody tr:hover{background-color:#f9f9f9}.scroll-buttons{display:flex;justify-content:center;margin:4px 0}.scroll-buttons button{font-size:1.5rem;background:none;border:none;cursor:pointer}.dashboard-items{flex:1;display:flex;overflow-y:hidden;gap:15px;padding:5px}.left-row{flex:2;gap:15px;display:flex;flex-direction:column}.right-row{flex:1;display:flex;gap:15px;flex-direction:column}.report-container{padding:5px;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:hidden}th,td{text-align:left;border-bottom:1px solid #e5e7eb;font-size:.8rem;color:#2c2d30d7}th{font-size:.75rem}.overview-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.card{padding:10px;background:#fff;box-shadow:0 0 8px #1a1818c2;border-radius:6px;display:flex;flex-direction:column}.card h4{margin:0}.card-title{color:#1570ef;font-weight:900;font-size:.9rem}.card-col{display:flex;gap:10px}.card-row{display:flex;flex-direction:column;gap:6px;flex:1}.card-row h4{font-size:.8rem;color:#6b7280}.card-row p{font-size:.7rem;color:#494b50}.category-card{background:#fff;border-radius:12px}.category-card table{width:100%;border-collapse:collapse}.green{color:#16a34a;font-weight:700}.chart{display:flex;flex-direction:column;box-shadow:0 0 8px #1a1818c2;border-radius:6px;padding:10px;height:40%;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center}.legend{display:flex;gap:12px;font-size:.8rem;color:#5b6068}.chart-selector{display:flex;align-items:center;gap:5px;background-color:transparent;padding:3px 8px;color:#2b2a2ac9;border:1px solid rgba(128,128,128,.404)}.product-table{flex:1;background:#fff;box-shadow:0 0 8px #2e2e2e93;border-radius:6px;overflow-y:auto;display:flex;padding:10px;flex-direction:column;gap:5px}.product-list{overflow-y:auto;scroll-behavior:smooth;position:relative}.head{margin-bottom:0}.product-list::-webkit-scrollbar{display:none}.product-list-table{width:100%;border-collapse:collapse}.product-list-table thead{background-color:#fff;color:#0e0d0d;position:sticky;top:0;z-index:2}.product-list-table .green{color:#16a34a;font-weight:700}.downbtn{color:#1570ef}.scroll-arrow{position:sticky;display:flex;justify-content:center;align-items:center;left:50%;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;pointer-events:auto;bottom:0}.scroll-arrow:disabled{opacity:.4;pointer-events:none}.inventory-container{flex:1;display:flex;flex-direction:column;gap:.8rem}.overview{flex:0 0 auto;padding:10px;box-shadow:0 0 8px #1a1818c2}.overview h2{color:#383e49;font-size:.7rem}.card-container{display:flex;gap:8px;flex-wrap:wrap}.inventory-card:last-child{border-right:none}.inventory-card{padding:5px;border-right:2px solid #373d4733;flex:1}.inventory-card h3{margin:0;font-size:11px}.value{font-size:12px;font-weight:700}.detail{font-size:10px;color:gray}.actions{display:flex;align-items:center;gap:8px}.add-product:disabled{background-color:#1366d9;cursor:not-allowed;opacity:.6}.download-placeholder{width:95px;display:inline-block}.add-product,.download,.filter-button{background:#1366d9;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:11px}.download,.filter-button{background-color:transparent;color:#5d6679;border:1px solid #abaeb4}.download:hover,.filter-button:hover{background-color:#1366d9;color:#fff;border-color:#1366d9}.filter-container{position:relative;display:inline-block}.download{padding:7px 16px}.filter-button{display:flex;align-items:center;gap:5px;padding:5px 16px;transition:background .3s ease}.filter-icon{display:flex;align-items:center;justify-content:center}.filter-options{position:absolute;top:100%;left:0;background:#fffbfb;list-style:none;margin:0;width:175px;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px #000000c4;z-index:9999}.active-filter-label{font-size:11px;color:#333;background:#302f2f56;padding:3px 6px;border-radius:4px;border:1px solid #ccc}.clear-filter{margin-left:6px;background:transparent;border:none;color:#e20505;font-size:9px;cursor:pointer}.clear-filter:hover{color:#050505}.filter-options li{padding:5px 12px;font-size:12px;cursor:pointer;transition:background .3s ease}.filter-options li:hover{background:#f1f1f1}.products-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,.267)}.products-header h2{color:#383e49;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8%,1fr));gap:10px}.product-grid-scrollable{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.product-grid.scrollable::-webkit-scrollbar{width:8px}.product-grid.scrollable::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px;transition:background .3s ease-in-out}.product-grid.scrollable::-webkit-scrollbar-thumb:hover{background:#00000080}.product-grid.scrollable::-webkit-scrollbar-track{background:transparent}.model-ctrl{display:flex;gap:10px;align-items:center;padding:4px 0;height:5%}.product-detail-modal{flex:1;position:relative;display:flex;flex-direction:column;gap:10px;overflow-y:auto}h2{margin:0}.closebtn{background-color:transparent;cursor:pointer;border:none;color:#5e5d5dbb;padding-left:10px}.closebtn img{width:14px;height:18px}h3{font-size:.9rem}h4{margin-bottom:8px}.product-nav{display:flex;gap:5px;border-bottom:2px solid #3e3f4160}.product-nav ul{display:flex;list-style-type:none}.product-nav li{font-size:1rem;color:#007bff;padding:1px 25px;cursor:pointer;transition:background-color .3s ease}.contents{flex:1;gap:10px;overflow-y:auto;display:flex}.tab-content h3{font-size:.9rem}.store-product-detail{display:flex;flex-direction:column;flex:1;gap:10px;padding:5px}.product-detail{background-color:#f5f3f3;box-shadow:0 0 8px #1a1818c2;display:flex;gap:20px;align-items:center;font-size:.7rem;border-radius:6px;padding:12px}.product-detail span{display:flex;flex-direction:column}.product-detail span p{flex:1}.info-section{display:flex;gap:10px;flex:2}.info-section div{flex:1}.variants-holder{box-shadow:0 0 8px #1a1818c2;flex:1;border-radius:6px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:10px}.info{color:#232324d2;font-weight:600;font-size:.7rem}.tab-content-right{flex:1;background-color:#78d809}.info-right{flex-basis:70%}.product-store-sales{overflow:hidden;display:flex;flex-direction:column;flex:1;gap:10px;padding:5px}.sales-chart{display:flex;flex-direction:column;box-shadow:0 0 8px #1a1818c2;border-radius:6px;padding:10px;flex:1;overflow:hidden}.product-overview{flex:1;display:flex;flex-direction:column;gap:10px}.location-listings{display:flex;flex-direction:column;height:30%;padding:10px;border-radius:6px;box-shadow:0 0 8px #1a1818c2}.location-listings h3{color:#1570ef}.table-wrapper{flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb #f0f0f0}.stock-table{width:100%;border-collapse:collapse;background-color:#fff}.stock-table th,.stock-table td{padding:4px 0;text-align:left;border-bottom:1px solid #aaa5a58a}.location-list{color:#2b2c2ce0}.stock-value{color:#1366d9}.stock-table thead th{position:sticky;top:0;background-color:#f0f1f3;z-index:1}.stock-table tr:hover{background-color:#f1f1f1}.location{width:80%}.stock-detail{width:20%}.table-wrapper::-webkit-scrollbar,.variants-holder::-webkit-scrollbar{width:8px}.table-wrapper::-webkit-scrollbar-track,.variants-holder::-webkit-scrollbar-track{background:#f0f0f0;border-radius:8px}.table-wrapper::-webkit-scrollbar-thumb,.variants-holder::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:8px;border:2px solid transparent;background-clip:content-box}.table-wrapper::-webkit-scrollbar-thumb:hover,.variants-holder::-webkit-scrollbar-thumb:hover{background-color:#999}.product-image{display:flex;align-items:flex-end;gap:.8rem;width:100px}.imageholder{flex:1;height:100px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .3s ease;background-color:#8881812f;position:relative}.imageholder:hover{border-color:#888}.imageholder img{width:100%;height:100%;object-fit:cover}.icon-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b6565;font-size:.7rem;text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.icon-placeholder span{color:#0a0a0ac9}.imageholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;z-index:0}.icon-placeholder{z-index:1}.placeholder-text{color:#999;font-size:16px;text-align:center}.upload-img,.close-img{padding:6px 10px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background-color .3s ease}.upload-btn{background-color:#3498db;color:#fff}.upload-btn:hover{background-color:#2980b9}.close-img:hover{background-color:#da2121ce;font-weight:700}.close-img{background-color:#eb1010;padding:0 20px}.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.upload-btn:hover:not(:disabled){background-color:#2980b9}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#f7f7f7;display:flex;flex-direction:column;border-radius:8px;width:18%;height:50%;text-align:center;position:relative}.modal-content span{display:flex;justify-content:center;gap:10px;flex:1;padding:10px}.modal-image{width:100%;height:85%;border-radius:8px 8px 0 0}.modal{background:#f7f4f4;padding:15px;border-radius:6px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;gap:12px}.frm-header{padding:0;display:flex;justify-content:space-between;position:relative}.frm-close-btn{border:none;background:transparent;cursor:pointer;padding:0;display:flex;position:absolute;top:-10px;right:-10px}.frm-icon{background-color:transparent;padding:0;color:red;font-size:18px}.modal h2{font-size:.9rem;color:#1570ef}.modal-form{flex:1;display:flex;flex-direction:column;gap:12px;font-size:.9rem}.frm-row{display:flex;gap:12px}.modal-form label{display:flex;flex-direction:column;font-weight:700;gap:4px;color:#292727ee}.modal-form input{padding:8px;border:1px solid #6d6c6cad;border-radius:6px}.submit-frm{width:25%;background:#1570ef;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;font-weight:700;align-self:flex-end}.error{color:red;font-size:12px;margin-top:4px;display:block}.variants{padding:10px;border-radius:12px;box-shadow:0 0 8px #1a1818c2;display:flex;flex-direction:column;gap:8px}.variants-details{display:flex;gap:10px}.card-image{display:flex;align-items:center;justify-content:center}.card-body{flex:1;display:flex;flex-direction:column}.card-body span{flex:1;display:flex;flex-direction:column;font-size:.8rem}.title{font-size:16px;font-weight:700;margin-bottom:8px}.variants-price{font-weight:700;text-align:right;color:#1570ef}.variants-attr{flex:2}.stock{color:#006b09;font-weight:700}.actions{display:flex;justify-content:flex-end}.add{padding:8px;background:#1570ef;font-size:.75rem;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.product-cards{display:flex;align-items:center;gap:.3rem;cursor:pointer;background-color:#fff;flex-direction:column;transition:background-color .2s ease;box-shadow:0 2px 4px #000000a2;border-radius:7px}.product-card.selected{background-color:#c9c9c98f}.product-img-container{width:100%;height:70px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background-color:#6b6e704b}.product-img{width:100%;height:100%;object-fit:cover}.fallback-icon{color:#aaa}.product-details{flex-grow:1;display:flex;flex-direction:column;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:5px}.product-name,.product-price{width:100%;text-align:center;margin:0;font-size:.85rem;color:#222020dc}.product-price{font-size:.6rem}.quantity-ctrl{display:flex;gap:5px;justify-content:center}.quantity-ctrl input{width:2.5rem;text-align:center;border:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;border:1px solid rgba(141,29,29,.233);border-radius:0;color:#6b6e70}.quantity-ctrl button{padding:0 6px;cursor:pointer;border:none;font-size:18px;background-color:#0707f7de;color:#fcfbfb}.quantity-ctrl button:nth-child(1){padding-left:8px;padding-right:8px}.quantity-ctrl input::-webkit-outer-spin-button,.quantity-ctrl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-ctrl input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}@media (max-width: 1024px){.product-card{flex-direction:column;align-items:center;text-align:center;border-left:none;padding:0 0 .7rem}.product-img-container{margin-right:0;margin-bottom:.5rem;width:100%;height:100px}.product-details{width:100%}.quantity-ctrl{justify-content:center}}.product-card-skeleton{display:flex;align-items:center;padding:5px;gap:.3rem;cursor:pointer;background-color:#fff;flex-direction:column;transition:background-color .2s ease;box-shadow:0 2px 4px #000000a2;border-radius:7px}.skeleton-image-container{width:100%;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px}.skeleton-icon{color:#86868677;opacity:.6}.skeleton-txt{width:100%;flex:1;display:flex;flex-direction:column;gap:5px}.skeleton-txt p{height:16px;font-size:.9rem;background-color:#8686862f;width:100%}.error{display:flex;justify-content:center;align-content:center;align-items:center;height:100%;gap:5px}.empty-message{grid-column:1 / -1;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#797979fa}.skeleton-value{display:flex;align-items:center;gap:5px;height:24px;width:48px;background:transparent;border-radius:0}.error-text{color:#e20f08;width:100%;font-size:10px;background-color:transparent}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.skeleton-value{animation:pulse 1.5s infinite ease-in-out}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;background:#f7f8fa;color:#333}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.product-modal-content{position:relative;background:#fff;width:80%;height:65%;gap:10px;padding:1rem;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.frm-header{display:flex}.frm-header span{display:flex;flex:1;gap:20px;align-items:center}.closeBTN{background-color:transparent;border:none;color:#f30303}.product-modal-content h2{margin-top:0;font-weight:700;font-size:.9rem;color:#222c}.open-modal-btn{background-color:#1366d9;border:none;color:#fff;padding:6px;cursor:pointer;align-self:center;font-weight:600;transition:background-color .2s ease-in-out}.open-modal-btn:hover{background-color:#0056b3}form{display:flex;height:90%;justify-content:space-between}form input[type=date]::-webkit-calendar-picker-indicator{background-color:#a19facd7;border-radius:5px;cursor:pointer}form input[type=date]::-moz-calendar-picker-indicator{background-color:#a19facd7;border-radius:5px;cursor:pointer}.detail-section,.attributes-section,.price{width:31%;padding:1rem;gap:10px}.price{display:flex;flex-direction:column;justify-content:space-between;padding:0;height:100%;width:35%}.attributes-section{height:65%;display:flex;flex-direction:column;gap:0;box-shadow:0 2px 4px #000000a2}.detail-section{display:flex;flex-direction:column;height:100%;box-shadow:0 2px 4px #000000a2}.lots-section{height:75%;padding:1rem;gap:0;display:flex;flex-direction:column;box-shadow:0 2px 4px #000000a2}.lots-section div{display:flex;width:100%}label{display:flex;flex-direction:column;color:#444}input[type=text],input[type=number],input[type=date],input[type=checkbox],select{padding:4px 12px;border:1.5px solid #ccc;border-radius:6px;transition:border-color .2s ease-in-out;background-color:transparent;color:#212529}select{background-color:#808080af}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border-color:#007bff}input[readonly]{background-color:#e9ecef;cursor:not-allowed;color:#555;border:none;padding:15px 0}.barcode-buttons{display:flex;gap:.7rem;margin-top:.5rem}.barcode-buttons button{flex:1;background-color:#28a745;border:none;color:#fff;padding:4px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background-color .2s ease-in-out}.barcode-buttons button:nth-child(2){background-color:#ffc107;color:#212529}.barcode-buttons button:hover{opacity:.9}.react-qr-barcode-scanner{margin-top:1rem;border-radius:6px;overflow:hidden;align-self:center}select.input-error,input[type=number].input-error,input[type=text].input-error,input[type=date].input-error{border:1px solid red}.attribute-row{display:flex;gap:10px;margin-bottom:10px}.attribute-row input{width:45%}.attribute-row button{background:transparent;border:none;color:#b80303;cursor:pointer;font-weight:700;transition:background-color .2s ease-in-out}.attribute-row button:hover{background:#a71d2a}.detail-row{display:flex;gap:10px}.detail-row div{width:100%;display:flex}.detail-row label{width:48%}.dates{gap:1rem}.gst{display:flex;flex-direction:column}.gst label{display:flex;flex-direction:row;gap:10px}.gst span{display:flex}.gst span label{width:30%}.gst p{font-size:.8rem;font-weight:600;color:#007bff;margin-top:0}.prices{display:flex;flex-direction:column;gap:3px}.prices div{width:100%;display:flex;gap:10px}.prices label{width:48%}.form-buttons{align-self:flex-end;justify-content:flex-end}.form-buttons button{padding:4px 10px;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;font-weight:700;transition:background-color .2s ease-in-out}.form-buttons button[type=submit]{background-color:#1366d9;color:#fff}.form-buttons button[type=submit]:hover{background-color:#1e7e34}.form-buttons button[type=button]{background-color:#6c757d;color:#fff}.form-buttons button[type=button]:hover{background-color:#5a6268}@media (max-width: 767px) and (min-width: 480px){.product-modal-content{width:95%;padding:2rem}.attribute-row{flex-direction:column;align-items:stretch}.attribute-row button{align-self:flex-start;margin-top:.5rem}}@media (max-width: 479px){.product-modal-content{width:100%;height:100%;border-radius:0;padding:1.5rem;max-height:100vh}.barcode-buttons{flex-direction:column}.barcode-buttons button{width:100%}.attribute-row button{margin-top:.5rem}.form-buttons{flex-direction:column;align-items:stretch}.form-buttons button{width:100%}}.category-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.category-modal-content{background:#fff;padding:20px;border-radius:10px;width:400px;box-shadow:0 4px 10px #0003;animation:slideIn .3s ease-in-out}.input-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;position:relative}.input-group input,.input-group textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.remove-btn{background:#ff4d4d;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:14px;align-self:flex-end}.remove-btn:hover{background:#c00}.add-btn,.submit-btn,.closeBtn{display:block;width:100%;margin-top:10px;padding:5px;border:none;border-radius:5px;cursor:pointer}.add-btn{background:#28a745;color:#fff}.submit-btn{background:#007bff;color:#fff}.closeBtn{background-color:#dc3545;color:#fff}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.staff-dashboard{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px}.close-button{background-color:transparent;color:#525151;border:none;cursor:pointer;align-self:flex-end;padding:10px 10px 0 0}.staff-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#222121ad;display:flex;align-items:center;justify-content:center;z-index:1000}.staff-modal-content{display:flex;flex-direction:column;background:#fff;padding:0;width:80%;border-radius:5px;box-shadow:0 5px 15px #0000004d;position:relative}.add-user{background-color:#1366d9;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}.staff-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff80 #3c3d3d77;padding:5px}.staff-grid-list::-webkit-scrollbar{width:8px}.staff-grid-list::-webkit-scrollbar-track{background:#3c3d3d77;border-radius:4px}.staff-grid-list::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:4px;transition:background-color .3s}.staff-grid-list::-webkit-scrollbar-thumb:hover{background-color:#fff}.auth-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;flex-direction:row;height:100%}.logo-container{flex-basis:50%;height:100;display:flex;flex-direction:column}.close-btn{background:none;border:none;color:#333;font-size:1rem;cursor:pointer;margin:10px 0 0 10px;width:30px}.close-btn img{width:70%}.logo{display:flex;justify-content:center;align-items:center;height:100%;font-size:24px;font-weight:700;color:#333}.form-container{flex-basis:50%;height:100%;background-color:#fff;display:flex}.auth-form{width:50%;margin:auto;display:flex;flex-direction:column;color:#282424}.form-title{font-size:18px;margin-bottom:0;color:#2b2f38;text-align:center}label{font-size:12px;color:#2b2f38}.welcome-txt{color:#776c6c;margin-top:0;font-size:12px;text-align:center}.auth-input{padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;background-color:transparent;color:#776c6c}.forget-pwd{color:#007bff;font-size:12px;text-align:right;margin-bottom:10px}.auth-input[type=date]{width:90%;padding:6px;margin-top:5px}.auth-input[type=date]::-webkit-calendar-picker-indicator{background-color:#ccc;border-radius:5px;cursor:pointer}.auth-input[type=date]::-moz-calendar-picker-indicator{background-color:#ccc;border-radius:5px;cursor:pointer}.submit-button{padding:10px;margin-bottom:30px;border:none;border-radius:5px;background-color:#1366d9;color:#fff;cursor:pointer}.signup-txt{color:#776c6c;margin-top:6px;font-size:12px;text-align:center}.signup-txt button{color:#007bff;background-color:transparent;border:none}.submit-button:hover{background-color:#0056b3}.sign-up-form{width:80%;margin:0 auto;display:flex;flex-direction:column;color:#282424}.row-input{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.row-input div{display:flex;flex-direction:column;width:30%}.row-input .auth-input{width:100%}.countries{padding:6px;margin-top:5px;border:1px solid #ccc;border-radius:5px;background-color:transparent;color:#776c6c}.mobile-input{width:100%;display:flex;gap:2px}.input-list{padding:6px;margin-top:5px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;background-color:transparent;color:#776c6c;margin-right:0;width:30%}.phone-num{flex:1;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;background-color:transparent;color:#776c6c}.position-dropdown{width:30%;padding:6px}.logout-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.logout-modal{background-color:#fff;width:90%;max-width:400px;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 8px 20px #0003;position:relative;animation:fadeIn .3s ease-in-out}.modal-icon{color:#ff4d4f;width:40px;height:40px;margin-bottom:1rem}.modal-text{font-size:1.1rem;margin-bottom:1.5rem;color:#333}.modal-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{padding:.6rem 1.2rem;border:none;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease}.yes-btn{background-color:#130779;color:#fff}.yes-btn:hover{background-color:#11076de3}.no-btn{background-color:#e00510;color:#c4c2c2}.no-btn:hover{background-color:#c0111a9a}@media (max-width: 768px){.logout-modal{max-width:50%;padding:1rem}.modal-buttons{flex-direction:row;gap:.75rem}.modal-text{margin:0;font-size:.9rem;padding-bottom:8px}.modal-icon{margin:0;width:30px}.btn{width:45%;padding:.2rem 1rem}}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.pos-container{background-color:#fff;margin:0;display:flex;height:100vh;width:100%;flex-wrap:nowrap}.screen-saver{position:absolute;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.screen-saver{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.saver-img{width:100%;max-width:100%;max-height:100%;object-fit:cover}.product-section{flex:3;display:flex;flex-direction:column;overflow:hidden}.top-header-mobile{height:7%}.group_img{height:100%;width:10%}.group_img img{width:100%;height:100%}.main-section{box-shadow:0 -4px 5px #00000038,0 10px 15px #00000038;background-color:#fff;height:89%;overflow:hidden;display:flex;flex-direction:column;padding:10px}.business-info{color:#1b1a1a;display:flex;align-items:center;margin-bottom:0;font-size:.8rem;height:4%}.desktop-layout{gap:15px}.user-info{display:flex;height:100%;gap:10px;padding-right:30px}.user-info div{display:flex;align-items:center;gap:10px}.business-data{flex:1;display:flex;gap:10px}.date{padding-right:20px}.logout-btn{height:100%;display:flex;align-items:center;justify-content:center;padding:5px;gap:3px;background-color:#e90303d5;border:none}.user-section{display:flex;align-items:center;position:relative;cursor:pointer;height:100%;padding-right:10px;gap:10px}.user-pic{width:30px;height:30px;border-radius:50%}.dropdown-menu{position:absolute;top:100%;right:0;color:#000;z-index:10}.dropdown-menu button{width:100%;background-color:#054bac;border:none;height:100%}.billing-section{flex:1;background-color:#fff;position:relative;display:flex}.desktop-billing-content{flex:1;display:flex}@media (max-width: 1024px){.desktop-layout,.desktop-billing-content{display:none}.pos-container{flex-direction:column}.top-header-mobile{display:flex;justify-content:space-between;align-items:center;height:60px}.group_img{flex:1;height:100%;width:15%}.group_img img{width:100%;height:100%}.mobile-layout{flex:1;height:100%;color:#fff;display:flex;justify-content:end;align-items:center}.user-icon{color:#383636}.billing-section{flex:none;height:auto;background-color:transparent}.mobile-toggle{width:100%;display:flex;justify-content:space-between;padding:.5rem;background-color:#054bac;color:#fff;cursor:pointer}.billing-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:1000;display:flex;flex-direction:column}.closebtn{margin-top:0;align-self:flex-end;background:transparent;border:none;cursor:pointer;color:#000;padding:10px 10px 0 0}}@media (min-width: 1025px){.mobile-toggle,.billing-overlay,.mobile-layout{display:none}}@media (max-width: 1024px){.items-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.5rem}}@media (max-width: 768px){.items-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem}}.variant-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.variant-modal{background:#fff;max-height:90%;position:relative;animation:fadeIn .25s ease-out;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column}.variant-modal-close{margin-right:5px;background:none;border:none;font-size:1.3rem;cursor:pointer;color:#666;height:100%}.variant-modal-close:hover{color:#000}.variant-modal-title{flex:1;text-align:center;font-size:1rem;font-weight:700;color:#1743d6}.variant-header{width:100%;padding:3px;position:sticky;top:0;z-index:1;border-bottom:1px solid #d6d2d2;display:flex;gap:10px}.variant-modal-body{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;padding:20px;overflow-y:auto;max-height:calc(90vh - 87px)}.variant-modal-body::-webkit-scrollbar{width:6px}.variant-modal-body::-webkit-scrollbar-track{background:transparent}.variant-modal-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.variant-modal-body::-webkit-scrollbar-thumb:hover{background-color:#0006}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.variant-grid{display:grid;grid-template-columns:1fr;gap:15px}.variant-card{border:1px solid #4e4c4c63;border-radius:8px;padding:10px;text-align:center;width:100%;background:#fafafa;transition:.2s;display:flex;gap:10px}.variant-card:hover{box-shadow:0 2px 8px #00000026}.variant-image{width:20%;background-color:#000;height:60px;border-radius:6px}.variant-image img{width:100%;height:100%;object-fit:cover}.variant-info{flex:1;display:flex;align-items:center;gap:5px;font-size:.9rem}.variant-name{flex:1}.variant-price{font-weight:700;color:#1743d6;flex:1}.quantity-controls{display:flex;align-items:center;gap:5px}.qty-btn{padding:0 3px}.qty-input{width:50px;text-align:center}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f4f4f4,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-image{padding:30px}.txt{width:80px;height:1.3rem}.skeleton-btn{width:30px;height:1.3rem}.skeleton-input{width:50px;height:1.3rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}.billing-content{flex:1;overflow-y:auto;height:100%;display:flex;flex-direction:column;background-color:#b8b4b426;position:relative}h2{font-size:1rem}.cart{flex:1;overflow-y:auto;padding:.5rem 1rem 1rem;padding-bottom:0;display:flex;flex-direction:column}.payment{display:flex;flex-direction:column;background-color:#cfcfcf52;padding:1rem 1rem .5rem;font-size:.9rem}.payment-methods{display:flex;flex-direction:column;gap:4px}.empty-cart{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#cbd2d4}.empty-cart p{color:#000000b9}.empty-cart-btn{background-color:transparent;border:none;width:5%;align-self:flex-end;font-size:1.5rem;color:#bb0909}.empty-cart-btn:hover{transition:.2s ease;font-weight:600}.order-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.5rem}.order-table th,.order-table td{text-align:left;padding:4px;vertical-align:middle}.order-table th{background-color:#1e1e2049;color:#fff;border:1px solid rgba(41,40,40,.3)}.order-table td{border:1px solid rgba(44,43,43,.2);background-color:#fff}.quantity-control{display:flex;justify-content:center;align-items:center;gap:4px;height:auto}.quantity-control input{width:30px;padding:2px 0;text-align:center;font-size:.75rem;border:1px solid gray;background-color:transparent;color:#4d4a4a;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-control input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.quantity-control button{width:20px;height:20px;font-size:.75rem;border:none;background-color:#054bac;color:#fff;cursor:pointer;border-radius:2px}.quantity-control button:hover{background-color:#043a8a}.row{display:flex;justify-content:space-between;align-items:center}.currency-box{display:flex;gap:10px}.radio-option{position:relative;display:flex;flex-direction:row;padding-left:20px;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-option input[type=radio]{opacity:0;position:absolute;left:0;cursor:pointer}.custom-radio{position:absolute;left:0;height:15px;width:15px;background-color:#eee;border-radius:50%;border:2px solid #999;display:flex;justify-content:center;align-items:center}.radio-option input[type=radio]:checked+.custom-radio:after{content:"";width:7px;height:7px;border-radius:50%;background-color:#007bff}.radio-option:hover .custom-radio{background-color:#ddd}.border-bottom{border-bottom:1px solid #ccc}.total{font-weight:700}.btn-group{display:flex;gap:.5rem}.action-btn{flex:1;padding:.5rem;background-color:#054bac;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.action-btn:hover{background-color:#043a8a}.payment-methods p{margin:0;font-size:.8rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#13093d66;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-container{background-color:#f8f7f7f3;border-radius:10px;position:relative;padding:0 24px 24px;width:90%;max-width:40%;box-shadow:0 12px 32px #0000004d;display:flex;flex-direction:column;gap:10px}.modal-header{display:flex;justify-content:center;align-content:center}.modal-close{background:none;border:none;position:absolute;top:12px;right:12px;cursor:pointer;color:#000}.modal-disabled{opacity:.5;cursor:not-allowed}.modal-title{font-size:1rem;font-weight:700;padding-top:5px}.cash-msg{font-size:1.1rem;text-align:center}.modal-btn{margin-top:20px;padding:10px 16px;background-color:#1e90ff;color:#fff;border:none;border-radius:6px;cursor:pointer;width:100%;font-weight:700}.modal-btn:hover{background-color:#06c}.modal-error,.modal-success{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-error div,.modal-success div{width:100%;display:flex;justify-content:center;align-items:center;gap:6px;padding:5px 0}.modal-success h3{color:#2ecc71}.modal-error{color:#ff0000f8}.currency-options{display:flex;gap:.5rem;margin:1rem 0}.currency-summary{font-weight:700;font-size:1.125rem;margin-bottom:1rem}.modal-payment{margin-bottom:16px;font-weight:700;text-align:center}.split-btns{display:flex;gap:20px;justify-content:right}.split-entry{display:flex;gap:10px;width:100%;height:100%}.split-entry-header{display:flex;justify-content:space-between;align-items:center;width:20%;font-size:.9rem}.split-method{flex:1;display:flex;gap:10px;height:100%;margin-bottom:10px;align-items:center}.split-entry input::-webkit-outer-spin-button,.split-entry input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.split-entry input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background-color:transparent;color:#000}.split-entry input:active{border:none;background-color:transparent}.split-add-btn,.split-process-btn{padding:8px 10px;border:none;border-radius:5px;background-color:#27ae60;color:#fff;font-weight:700;cursor:pointer}.split-process-btn{background-color:#2980b9}.split-add-btn:hover{background-color:#219150}.split-process-btn:hover{background-color:#216394}.split-entry input.border-red-500,.split-entry select.border-red-500{border:2px solid red}.text-red-500{color:red}.text-xs{font-size:.75rem}.total{font-size:.9rem}.split-warning{font-size:.75rem;color:red}.status-completed{color:green}.split-delete{background:none;border:none;cursor:pointer;color:#750303}.split-select,.split-input{border:1px solid #a1a1a1;border-radius:4px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.split-input{width:51%}.split-select{width:32%;padding-left:0}.split-select.invalid,.split-input.invalid{border-color:red}.split-error{color:red;font-size:.7rem;margin-bottom:.25rem}.error{color:red;margin-left:.25rem}.split-process-btn:disabled{background-color:#bbb;cursor:not-allowed}.payment-btns{width:70%;display:flex;justify-content:space-between;gap:10px}.payment-option{flex:1;height:40px;position:relative;cursor:pointer;background-color:#06c}.payment-option input[type=radio]{display:none}.payment-option img{width:100%;height:100%;object-fit:cover;display:block}.payment-option .custom-radio-btn{position:absolute;top:2px;right:3px;width:10px;height:10px;border-radius:50%;border:2px solid rgb(245,245,245);background-color:transparent;transition:background-color .3s ease;z-index:10}.payment-option input[type=radio]:checked+.custom-radio-btn{background-color:green;border-color:green}.payment-option button{position:relative;height:100%;width:100%;border:none;cursor:pointer}.payment-option:first-of-type .custom-radio-btn{border:2px solid rgb(34,5,5)}@media (max-width: 1024px){.modal-container{max-width:65%}}@media (max-width: 768px){.modal-container{max-width:100%}.split-entry-header{font-size:.8rem;width:30%}.split-select,.split-input{flex:1}}.discount-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.discount-modal{background:#fff;width:90%;max-width:400px;box-shadow:0 6px 20px #0000004d;font-size:.8rem}.discount-tabs{display:flex;margin-bottom:1rem}.discount-tabs button{width:50%;padding:.5rem 1.2rem;border:none;background:#666668e1;cursor:pointer;font-weight:700;transition:background .3s ease}.discount-tabs .active{background:#fff;color:#161515;border-bottom:2px solid rgb(73,73,73)}.discount-content label{display:flex;color:#333;align-self:center;width:35%}.discount-content input{width:84%;padding:.5rem;border-radius:3px;border:none;color:#333;background-color:#6666688a;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.discount-amount{display:flex;flex-direction:column;gap:10px}.discount-amount div{width:100%;display:flex;gap:10px;padding:0 20px}.discount-percent{display:flex;flex-direction:column;gap:10px}.discount-percent div{display:flex;gap:10px;padding:0 20px}.discount-percent input{width:60%}.percentage-control{display:flex;width:2%;align-items:center;justify-content:center;gap:.8rem;padding:0}.percentage-control button{font-size:1.2rem;background-color:transparent;border:none;margin:0;cursor:pointer;color:#333}.discount-actions{display:flex;padding:0 20px;justify-content:flex-end;gap:.5rem;margin:1rem 0}.discount-actions button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:700}.discount-actions .cancel{background:#d40d0d}.discount-actions button:not(.cancel){background:#149733;color:#fff}@media (max-width: 480px){.discount-modal{width:95%;padding:1rem}.percentage-control{flex-direction:row;gap:.3rem}.discount-percent label{width:40%}.discount-percent input{width:45%}}#root{margin:0;display:flex;flex-direction:column}