*{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--primary)}:root{--primary: #030712;--secondary: #111828;--tertiary: #2563ea;--btn: #05976a;--btn1: #9334ea;--text: #ffff;--sideBack: #112a31;--sideText: #5f7181;--btnR: red;--iconColor: #00e39d}.main-layout{flex:1;background-color:var(--primary);min-height:100vh;margin-left:260px;padding:10px}h1,h2,h3,p{color:var(--text)}@media screen and (max-width:768px){.main-layout{margin-left:0}}.Sidebar-container{width:260px;height:100vh;background-color:var(--secondary);border-right:1px solid var(--secondary);display:flex;flex-direction:column;overflow-y:auto;position:fixed}.sidebar-logo{width:100%;height:100px}.sidebar-logo>img{width:100%;height:100%;object-fit:contain}.Sidebar-brand{padding:1px 20px;font-size:22px;font-weight:800;color:var(--btn);display:flex;align-items:center;column-gap:5px;border-bottom:1px solid var(--secondary)}.Sidebar-nav{display:flex;flex-direction:column;padding:20px 0}.Sidebar-link{padding:12px 25px;text-decoration:none;color:var(--sideText);font-weight:500;transition:all .2s}.Sidebar-link:hover{background-color:var(--sideText);color:var(--text)}.Sidebar-active{background-color:var(--sideBack);color:var(--btn);border-right:4px solid var(--btn)}.Sidebar-mobileToggle{display:none;position:fixed;top:15px;left:15px;z-index:1100;background:var(--secondary);color:var(--text);border:none;padding:8px;border-radius:6px}.sidebar-profile-container{margin-top:auto;padding:20px;border-top:1px solid var(--text)}.profile-info{display:flex;align-items:center;gap:12px;margin-bottom:15px}.avatar-box{width:48px;height:48px;background-color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--text)}.user-name{margin:0;font-size:1.1rem;color:var(--text)}.user-role{margin:0;font-size:.9rem;color:var(--tertiary);text-transform:capitalize}.signout-btn{background:none;border:none;color:var(--btnR);font-size:1rem;font-weight:500;cursor:pointer;padding:0}.signout-btn:hover{text-decoration:underline}@media(max-width:768px){.Sidebar-mobileToggle{display:block;top:1px;left:1px}.Sidebar-brand{padding:5px 20px;column-gap:0px}.Sidebar-container{position:fixed;left:-100%;top:0;z-index:1050;transition:left .3s ease}.Sidebar-container.open{left:0}.Sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--secondary);z-index:1040}}.loading-overlay-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:999999}.loading-circle{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#0f8,#00994d);box-shadow:0 0 40px #00ff88b3;display:flex;justify-content:center;align-items:center;animation:pulse 2s infinite ease-in-out;overflow:hidden}.loading-pattern{position:absolute;width:200%;height:200%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 20px);animation:rotate 6s linear infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Login-wrapper{min-height:100vh;background-color:var(--primary);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.Login-card{background:var(--secondary);padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000000d;width:100%;max-width:400px}.Login-header{text-align:center;margin-bottom:32px}.forgot-pass{margin-bottom:20px}.Login-title{font-size:24px;font-weight:700;color:var(--text);margin:0}.Login-subtitle{color:var(--text);font-size:14px;margin-top:4px}.Login-inputGroup{margin-bottom:20px}.Login-label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}.Login-input{width:100%;padding:12px;border:1px solid var(--secondary);border-radius:8px;font-size:14px;background-color:var(--secondary);color:var(--text);box-sizing:border-box}.Login-button{width:100%;background-color:var(--btn);color:var(--text);padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.Login-button:hover{background-color:var(--btn1)}.Login-footerText{text-align:center;margin-top:24px;font-size:14px;color:var(--text)}.Login-passwordWrapper{position:relative;display:flex;align-items:center}.Login-input{width:100%;padding:12px 40px 12px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.Login-eyeIcon{position:absolute;right:12px;cursor:pointer;color:var(--primary);display:flex;align-items:center;font-size:16px}.Login-eyeIcon:hover{color:var(--btn1)}.Login-link{color:var(--tertiary);text-decoration:none;font-weight:600}.Register-wrapper{min-height:100vh;background-color:var(--primary);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;padding:20px}.Register-card{background:var(--secondary);padding:40px;border-radius:16px;box-shadow:0 10px 25px #0000000d;width:100%;max-width:450px}.Register-header{text-align:center;margin-bottom:30px}.Register-logo{background-color:var(--secondary);color:var(--text);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 15px}.Register-title{font-size:24px;color:var(--text);margin:0}.Register-subtitle{color:var(--text);margin-top:8px}.Register-form{display:flex;flex-direction:column;gap:15px}.Register-label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}.Register-input,.Register-select{width:100%;padding:12px;border:1px solid var(--secondary);background-color:var(--primary);color:var(--text);border-radius:8px;font-size:15px;box-sizing:border-box}.Register-button{background-color:var(--btn);color:#fff;padding:14px;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-top:10px}.Register-footerText{text-align:center;margin-top:20px;color:var(--text)}.Login-logo{width:100%;height:100px}.Login-logo>img{width:100%;height:100%;object-fit:contain}.Register-link{color:var(--tertiary);font-weight:700;cursor:pointer}.custom-dropdown{position:relative;width:100%}.custom-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s ease;min-height:45px}.custom-dropdown-header:hover{border-color:#888}.custom-dropdown-label{flex:1;margin:0;color:#333;font-size:14px;font-weight:500;padding-right:8px}.dropdown-arrow{transition:transform .3s ease;color:#666;font-size:10px;margin-left:5px}.dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + 2px);left:0;right:0;border:2px solid #e0e0e0;border-radius:0 0 8px 8px;background-color:#fff;max-height:300px;overflow-y:auto;z-index:1000;transform:translateY(-10px);transition:all .3s ease}.custom-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.custom-dropdown-search{padding:8px 12px;border-bottom:1px solid #f0f0f0}.custom-dropdown-search-input{width:100%;padding:6px 10px;border:none;outline:none;font-size:12px;background-color:#f9f9f9}.custom-dropdown-search-input:focus{background-color:#fff}.custom-dropdown-loading{padding:10px 12px;text-align:center;color:#666;font-size:13px}.custom-dropdown-no-options{padding:10px 12px;color:#999;font-size:13px;text-align:center}.custom-dropdown-options{max-height:200px;overflow-y:auto}.custom-dropdown-option{padding:8px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;font-size:14px}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover,.custom-dropdown-option.option-hover{background-color:#f0f8ff}.custom-dropdown-option-content{display:flex;align-items:center;width:100%}.custom-dropdown-option-label{flex:1;color:#333}@media(max-width:480px){.custom-dropdown{max-width:100%}}.dashboard-container{padding:20px;background:var(--secondary);min-height:100vh}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.card.daily-profit{border-color:orange}.card.weekly-profit{border-color:#a0083b}.card.monthly-profit{border-color:#e624e6}.dash-header>h1{margin:0 0 20px}.card{padding:10px;border-radius:12px;background:var(--secondary);border-left:5px solid #ccc;box-shadow:0 2px 4px #0000000d}.card span{color:var(--text)}.card.today{border-color:#22c55e}.card.week{border-color:#3b82f6}.card.month{border-color:#a855f7}.card.low-stock{border-color:#10b981}.main-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-box{background:var(--secondary);padding:20px;border-radius:12px;border:1px solid var(--primary);color:var(--text)}.full-width{grid-column:span 2}.breakdown-row,.item-row,.recent-sale-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9}.status-pill{padding:4px 12px;border-radius:20px;font-size:.75rem;text-transform:capitalize;display:flex;justify-content:center;align-items:center}.status-pill.transfer{background:#10b3d8;color:#fff}.status-pill.card{background:#000;color:#fff}.status-pill.cash{background:#10b981;padding:20px;color:#fff}.status-pill-lowStock{padding:20px;color:red}.limitHeight{height:300px;overflow-y:scroll}.status-pill.pending{background:#fce7f3;color:#be185d}.stat-box-21{background:var(--secondary);color:var(--text);border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000f}.lowStockTitle-21{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}.limitHeight-21{max-height:300px;overflow-y:auto;padding-right:4px}.recent-sale-row-21{display:flex;justify-content:space-between;align-items:center;background:#f1bdbd;border-radius:10px;padding:10px 12px;margin-bottom:8px}.lowStockInfo-21 h4{font-size:14px;font-weight:500;color:#444;margin:0}.lowStockCount-21{font-size:13px;font-weight:600;color:#d9534f}.limitHeight-21::-webkit-scrollbar{width:4px}.limitHeight-21::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}@media(max-width:900px){.main-stats-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}}.qa1-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;margin-bottom:20px}.qa1-card{background:var(--secondary);padding:16px;border-radius:12px;text-align:center;cursor:pointer;transition:.2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:5px solid #0f0f8f}.qa1-card.q1Card{border-color:#5f46ec}.qa1-card.q2Card{border-color:#e02121}.qa1-card.q3Card{border-color:#c612b4}.qa1-card.q4Card{border-color:#062c3b}.qa1-card:hover{background:#e5e7eb;transform:translateY(-3px)}.qa1-icon{font-size:26px;margin-bottom:8px;color:#0f8f6f}.qa1-card p{font-size:14px;font-weight:500}@media(min-width:768px){.qa1-container{grid-template-columns:repeat(4,1fr)}.qa1-card{padding:20px}.qa1-icon{font-size:30px}}@media(min-width:1024px){.qa1-container{grid-template-columns:repeat(4,1fr);gap:16px}.qa1-card{padding:24px}.qa1-card p{font-size:16px}}.pos-container{padding:0 20px;background-color:var(--bg);min-height:100vh}.pos-header{display:flex;justify-content:space-between;align-items:center}.btn-missed{padding:10px 15px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer}.pos-content{display:grid;grid-template-columns:2fr 1fr;gap:20px}.products-grid{background:var(--white);padding:20px;border-radius:12px;border:1px solid var(--border)}.search-bar input{width:92.5%;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:20px}.items-list{display:grid;grid-template-columns:repeat(3,1fr);height:300px;overflow-y:auto;gap:15px}.product-card{border:1px solid var(--border);padding:15px;border-radius:12px;width:150px;cursor:pointer;transition:transform .1s;background-color:var(--secondary)}.product-card:hover{transform:scale(1.02)}.product-card h3{margin:0;font-size:1.1rem}.product-card .price{color:var(--text);font-weight:700;margin:5px 0}.product-card .stock{color:var(--text);font-size:.85rem}.cart-section{background:var(--white);padding:20px;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column}.cart-items{flex-grow:1;height:250px;overflow-y:scroll}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.cart-controls{display:flex;align-items:center;gap:8px;color:var(--text)}.cart-controls button{padding:2px 8px;border:1px solid var(--border);background:#f1f5f9;cursor:pointer}.btn-remove{color:#ef4444;border:none!important;background:none!important}.cart-footer{margin-top:20px;border-top:2px solid var(--border);padding-top:15px}.total-row{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;margin-bottom:15px}.total-price{color:var(--primary)}.btn-checkout{width:100%;padding:15px;background:var(--btn);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-bottom:10px}.btn-clear{width:100%;background:none;border:none;color:#64748b;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content1{background:var(--secondary);color:var(--text);width:420px;max-height:90vh;padding:0 22px;border-radius:14px;position:relative;box-shadow:0 10px 30px #0000001f}.scroll-y{overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:20px;font-weight:600;color:var(--text)}.modal-header button{background:none;border:none;font-size:18px;cursor:pointer;color:#9ca3af}.order-total-box{background:var(--btn);padding:16px;border-radius:10px;margin-bottom:18px}.order-total-box p{margin:0;font-size:13px;color:var(--muted)}.order-total-box h2{margin:6px 0 0;font-size:26px;font-weight:700;color:var(--primary)}label{font-size:13px;font-weight:500;color:var(--text);margin-top:12px;display:block}input,select{width:92.5%;padding:11px 12px;margin-top:6px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group label.active,.payment-methods label.active{border-color:var(--btn);background:var(--tertiary)}.radio-group label{display:flex;padding:12px;border:1px solid var(--text);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:.15s ease}.radio-group label.active{border:2px solid var(--btn);background:var(--btn)}.radio-group p{margin:0;display:flex;gap:8px;align-items:center;font-weight:500}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.payment-grid button{padding:13px;border:1px solid var(--border);background:var(--text);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:.15s ease}.payment-grid button.selected{border:2px solid var(--primary);background:var(--btn);color:var(--text)}.flex-row{display:flex;gap:10px;margin-bottom:14px}.input-half{flex:1}.btn-submit{width:100%;padding:14px;background:var(--btn);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:6px;transition:.2s ease;margin-bottom:20px}.btn-submit:hover{background:var(--btn1)}.whatsapp-wrapper101{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px}.btn-whatsapp101{width:100%;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:12px;border:none;cursor:pointer;background:#fff;color:#1ebe5d;font-size:15px;font-weight:600;transition:all .3s ease}.whatsapp-icon101{font-size:18px}.popup-whatsapp{display:flex;justify-content:space-between;column-gap:8px;margin-bottom:20px}.btn-whatsapp101:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #25d36666}.btn-skip{width:100%;font-size:20px;font-weight:600;border:none;background-color:#1ebe5d;color:#fff;cursor:pointer;border-radius:10px}.btn-skip:hover{opacity:.2}.btn-whatsapp101:active{transform:translateY(0)}@media(max-width:768px){.pos-container{padding:10px}.pos-header{flex-direction:column;align-items:flex-start;gap:15px}.pos-content{grid-template-columns:1fr;display:flex;flex-direction:column-reverse}.items-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.product-card{width:auto;padding:12px}.modal-content{width:95%;max-height:90vh;padding:15px;margin:10px}.payment-grid{grid-template-columns:1fr;gap:8px}.payment-grid button{padding:12px;font-size:1rem}.cart-item{padding:15px 0}input,select{font-size:16px}.btn-checkout{position:sticky;bottom:0;box-shadow:0 -4px 10px #0000001a}}@media(max-width:480px){.items-list{grid-template-columns:1fr 1fr}.flex-row{flex-direction:column}}.pos-cart-summary{padding:15px;border-top:1px solid #2d3a4f}.pos-cart-row{display:flex;justify-content:space-between;margin-bottom:8px;color:#f07b07}.discount-row{color:#ff4d4f}.pos-cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:600;color:#3ee58c;margin-top:10px}.pos-cart-buttons{display:flex;gap:10px;margin-top:15px}.pos-hold-btn,.pos-discount-btn{flex:1;padding:10px;border:none;border-radius:8px;color:#fff;cursor:pointer}.pos-hold-btn{background-color:#0c63f9}.pos-discount-btn{background-color:#b924c7}.pos-view-held{width:100%;margin-top:10px;background:var(sideBack);border:none;padding:10px;border-radius:8px;color:var(--btn1);cursor:pointer;margin-bottom:20px}.posHeldPopupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.posHeldPopupBox{background:var(--secondary);padding:20px;border-radius:12px;width:420px;max-height:80vh;overflow:auto}.posHeldCard{background:var(--secondary);border:2px solid var(--btn1);padding:15px;margin-bottom:15px;border-radius:10px}.posHeldHeader{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--text)}.posHeldButtons{display:flex;gap:10px;margin-top:10px}.restoreBtn{flex:1;background:#20c997;border:none;padding:8px;border-radius:6px;color:#fff;cursor:pointer}.restoreBtn:hover,.deleteBtn:hover{opacity:.3}.posHeldHeading{display:flex;justify-content:space-between;column-gap:20px}.deleteBtn{flex:1;cursor:pointer;background:#ff3b3b;border:none;padding:8px;border-radius:6px;color:#fff}.posDiscountOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center}.posDiscountBox{background:var(--secondary);padding:0 25px 30px;border-radius:12px;width:350px}.discountTypeRow{display:flex;gap:10px;margin-bottom:15px}.discountTypeRow button{flex:1;padding:10px;border:none;border-radius:6px;background:var(--secondary);color:var(--text);cursor:pointer}.discountTypeRow button:hover{opacity:.3}.discountTypeRow .active{background:var(--btn)}.applyDiscountBtn,.applyCancelBtn{width:100%;margin-top:15px;padding:10px;background:var(--btn);border:none;border-radius:6px;cursor:pointer}.applyCancelBtn{background-color:var(--btn1);color:var(--text)}.applyDiscountBtn:hover,.applyCancelBtn:hover{opacity:.3}.posCustomerPopupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary);display:flex;justify-content:center;align-items:center}.posCustomerPopupBox{background:var(--secondary);padding:0 20px 25px;border-radius:12px;width:350px;display:flex;flex-direction:column;gap:12px}.posCustomerPopupBox input{padding:10px;border-radius:6px;border:none}.posCustomerButtons{display:flex;gap:10px;margin-top:10px}.posCustomerButtons button{flex:1;padding:10px;border:none;border-radius:6px;color:var(--text);cursor:pointer}.posCustomerButtons button:hover{opacity:.5}.conBtn{background-color:var(--btn)}.skipBtn{background-color:var(--tertiary)}.showDiscountBtn{display:flex;justify-content:space-between;column-gap:20px}@media(max-width:600px){.posHeldPopupBox,.posDiscountBox,.posCustomerPopupBox{width:90%}}.Inventory-container{padding:20px;max-width:1200px;margin:0 auto}.Inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.Inventory-title{font-size:24px;font-weight:700;color:var(--text);margin:0}.Inventory-count{color:var(--text);font-size:14px;margin-top:4px}.Inventory-addButton{background-color:var(--text);color:var(--btn);padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background .2s}.Inventory-listHeader{display:none;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1.5fr 1.5fr;padding:12px 20px;background:var(--secondary);border-radius:8px 8px 0 0;font-weight:600;color:var(--text);font-size:14px;border-bottom:1px solid var(--text)}.Inventory-row{display:flex;flex-direction:column;background:var(--secondary);border:1px solid var(sideText);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px #0000000d}.Inventory-col{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--text);color:var(--text)}.Inventory-col:last-child{border:none}.Inventory-col:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:13px}.Inventory-primaryText{font-weight:600;color:var(--text);text-align:right}.Inventory-secondaryText{font-size:12px;color:#6b7280;text-align:right}.Inventory-priceText{color:#059669;font-weight:700}.Inventory-statusBadge{padding:4px 12px;border-radius:20px;background:#ecfdf5;color:#059669;font-size:12px;font-weight:600}.Inventory-statusBadge.low{background:#fef2f2;color:#dc2626}.Inventory-actions{gap:8px;justify-content:flex-end;margin-top:8px}.Inventory-actions button{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none}.Inventory-btnRestock{background:#eff6ff;color:#2563eb}.Inventory-btnEdit{background:#f3f4f6;color:#4b5563}.Inventory-btnDelete{background:#fef2f2;color:#dc2626}.search-bar1 input{width:40.5%;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:20px}.search-bar1 input::placeholder{color:#059669}@media screen and (max-width:768px){.search-bar1 input{width:92.5%}}@media(min-width:768px){.Inventory-listHeader{display:grid}.Inventory-row{display:grid;flex-direction:row;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1.5fr 1.5fr;border-radius:0;margin-bottom:0;border-top:none;align-items:center}.Inventory-col{display:block;border:none;padding:12px 0}.Inventory-col:before{display:none}.Inventory-primaryText,.Inventory-secondaryText{text-align:left}.Inventory-actions{justify-content:flex-start}}.AddProductModal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.AddProductModal-card{background:var(--secondary);width:450px;border-radius:16px;padding:24px;height:70vh;box-shadow:0 20px 25px #0000001a;overflow-y:scroll}.react-select__menu{max-height:150px!important;overflow-y:auto!important;z-index:9999}.react-select__control{min-height:44px;border-radius:8px;border:1px solid #ccc}.AddProductModal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AddProductModal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--btnR)}.AddProductModal-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.AddProductModal-group{margin-bottom:15px}.AddProductModal-group label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}.AddProductModal-group input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box}.AddProductModal-submit{width:100%;background:var(--btn);color:var(--text);padding:14px;border:none;border-radius:10px;font-weight:700;font-size:16px;margin-top:10px;cursor:pointer}.restockModalX-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.restockModalX-container{background:var(--secondary);height:80vh;overflow-y:scroll;width:500px;padding:20px;border-radius:12px}.restockModalX-title{margin-bottom:15px}.restockModalX-row{display:flex;gap:10px}.restockModalX-row>div{width:50%}.restockModalX-input{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:6px}.restockModalX-textarea{width:100%;padding:10px;height:80px;margin-top:10px;border-radius:6px;border:1px solid #ddd}.restockModalX-total{background:#e6f4ea;padding:10px;text-align:center;font-weight:700;margin:10px 0;border-radius:6px}.restockModalX-actions{display:flex;justify-content:space-between;margin-top:15px}.restockModalX-cancel{background:#ccc;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.restockModalX-submit{background:#1f6f43;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.Staff-container{padding:30px;font-family:Inter,sans-serif}.Staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.Staff-title{font-size:24px;color:var(--text);margin:0}.Staff-addButton{background:var(--text);color:var(--btn);padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.Staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.Staff-card{background:var(--secondary);border:1px solid var(--secondary);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.Staff-roleBadge{font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.Staff-roleBadge.sales{background:#eff6ff;color:#2563eb}.Staff-roleBadge.inventory{background:#fef2f2;color:#dc2626}.Staff-cardActions{display:flex;gap:10px;margin-top:20px}.Staff-btnEdit{flex:1;background:#f3f4f6;border:none;padding:8px;border-radius:6px;cursor:pointer}.Staff-btnDelete{flex:1;background:#fef2f2;color:#dc2626;border:none;padding:8px;border-radius:6px;cursor:pointer}.StaffModal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.StaffModal-card{background:var(--secondary);width:100%;max-width:390px;border-radius:16px;padding:24px;height:400px;box-shadow:0 10px 25px #0000001a;overflow-y:scroll}.StaffModal-permissions{background:#f9fafb;padding:15px;border-radius:8px;margin:15px 0;font-size:13px;color:#4b5563}.StaffModal-submit{width:100%;background:var(--btn);color:var(--text);padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer}.StaffModal-header{display:flex;justify-content:space-between}.StaffModal-header>button{border:none;background-color:var(--secondary);font-size:40px;cursor:pointer;color:red}.StaffModal-group{display:flex;flex-direction:column;text-align:left}.StaffModal-group label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px;font-family:Inter,sans-serif}.StaffModal-group input,.StaffModal-group select{width:100%;padding:12px 16px;font-size:15px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;transition:all .2s ease-in-out;box-sizing:border-box;outline:none}.StaffModal-group input::placeholder{color:#9ca3af;font-size:14px}.StaffModal-group input:focus,.StaffModal-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.StaffModal-group select{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;appearance:none}@media(max-width:768px){.Staff-header{flex-direction:column;align-items:flex-start;gap:15px}.Staff-addButton{width:100%}}.feature-list{margin-top:15px;display:grid;grid-template-columns:repeat(1,1fr);gap:10px;grid-template-rows:auto;height:200px;overflow-y:scroll;padding:0 20px}.feature-label{display:inline-block;word-break:break-word;overflow-wrap:break-word;color:var(--text)}.feature-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{display:none}.slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:20px;inset:0;transition:.3s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translate(20px)}.history-container{padding:20px;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif}.history-header h1{margin-bottom:5px;color:var(--text);font-size:1.8rem}.history-header p{color:var(--text);margin-bottom:25px}.table-responsive{background:var(--secondary);border-radius:12px;border:1px solid var(--secondary);overflow-x:auto}.history-table{width:100%;border-collapse:collapse;text-align:left}.history-table th{padding:16px;background-color:var(--sideText);color:var(--text);font-weight:500;font-size:.9rem;border-bottom:1px solid #e2e8f0}.history-table td{padding:20px 16px;border-bottom:1px solid var(--sideText);color:var(--text);vertical-align:middle}.date-cell strong{display:block;font-size:1rem;color:var(--text)}.date-cell span{font-size:.85rem;color:#94a3b8}.total-cell{color:#22c55e;font-weight:700;font-size:1.1rem}.badge-payment{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;background:#eff6ff;color:#3b82f6}.badge-payment.pending{background:#fdf2f8;color:#db2777;margin-left:5px}.badge-payment.cash{background:#f0fdf4;color:#16a34a}.badge-payment.transfer{background:#eef2ff;color:#4f46e5}.badge-status{background:#f0fdf4;color:#16a34a;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500}@media(max-width:768px){.history-container{padding:10px}.table-responsive{width:93%;overflow-x:scroll}.history-table th,.history-table td{padding:12px 10px;font-size:.85rem}.total-cell{font-size:1rem}}.mark-settled-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.mark-settled-modal{width:420px;background:var(--secondary);border-radius:16px;padding:22px;box-shadow:0 12px 30px #0000001f;font-family:Inter,system-ui,sans-serif;height:80vh;overflow-y:scroll}.mark-settled-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mark-settled-header h2{font-size:20px;font-weight:600}.mark-settled-header button{background:none;border:none;font-size:18px;color:var(--btnR);cursor:pointer}.mark-settled-amount-box{background:#f5efe2;padding:16px;border-radius:12px;margin-bottom:18px}.mark-settled-amount-box p{margin:0;color:#6b7280;font-size:13px}.mark-settled-amount-box h1{margin:6px 0;font-size:30px;color:#d97706;font-weight:700}.mark-settled-amount-box span{font-size:13px;color:#6b7280}.mark-settled-label{font-size:14px;font-weight:600;margin-bottom:10px}.mark-settled-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.mark-settled-method{padding:14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:500;transition:.15s ease}.mark-settled-method.active{border:2px solid var(--btn);background:#ecfdf5}.mark-settled-info{background:var(--sideText);border-radius:12px;padding:14px;font-size:13px;color:var(--text);border:2px solid var(--sideText);margin-bottom:18px}.mark-settled-info ul{padding-left:18px;margin:6px 0 0}.mark-settled-confirm{width:100%;padding:15px;border:none;border-radius:12px;background:var(--btn);color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:.2s ease}.mark-settled-confirm:hover{background:var(--sideText)}.modalOverlayX12{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.modalBoxA45{background:var(--secondary);padding:25px;border-radius:12px;width:400px;max-width:95%;box-shadow:0 10px 30px #0003;animation:fadeInB22 .25s ease-in-out}.modalTitleZ91{font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.modalBtnWrapK77{display:flex;flex-direction:column;gap:12px}.btnFullR11{background:#e53935;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.btnFullR11:hover{background:#c62828}.btnPartialT55{background:#fbc02d;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.btnPartialT55:hover{background:#f9a825}.btnCancelM09{background:var(--text);border:none;padding:10px;border-radius:8px;cursor:pointer}.btnCancelM09:hover{background:var(--sideText);color:var(--text)}.itemRowP21{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px;column-gap:20px;border-bottom:1px solid var(--sideText)}.itemNameL44{flex:1;color:var(--text);font-size:14px}.qtyBoxQ88{display:flex;align-items:center;color:var(--text);gap:8px}.qtyBtnN66{background:var(--tertiary);color:var(--text);border:none;padding:5px 10px;border-radius:6px;cursor:pointer}.qtyBtnN66:hover{background:var(--sideText)}.removeBtnX33{background:var(--btnR);color:var(--text);border:none;padding:5px 8px;border-radius:6px;cursor:pointer}.removeBtnX33:hover{background:var(--btnR)}.modalFooterF92{display:flex;justify-content:space-between;margin-top:20px}.saveBtnS01{background:var(--btn);color:var(--text);border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.saveBtnS01:hover{background:var(--sideText)}@keyframes fadeInB22{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.settings-container{padding:20px}.settings-card{background:var(--secondary);padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.input-group1 input{width:95%;padding:12px;border:1px solid #cbd5e1;border-radius:6px}.feature-row{display:flex;justify-content:space-between;align-items:center}.feature-info strong{display:block;font-size:16px;color:var(--text)}.feature-info p{font-size:13px;color:var(--text);margin:4px 0 0}.switch{position:relative;display:inline-block;width:50px;height:24px}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#27ae60}input:focus+.slider{box-shadow:0 0 1px #27ae60}input:checked+.slider:before{transform:translate(26px)}.switch.disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.settings-container{margin:20px auto;padding:0 15px}h2{font-size:1.5rem;margin-bottom:5px}.subtitle{font-size:.9rem;margin-bottom:20px}.settings-card{padding:16px;border-radius:8px}.feature-row{flex-direction:row;gap:10px;padding:12px}.feature-info strong{font-size:.95rem}.feature-info p{font-size:.8rem;line-height:1.4}.switch{width:46px;height:24px;flex-shrink:0}.slider:before{height:16px;width:16px;left:4px;bottom:4px}input:checked+.slider:before{transform:translate(22px)}}@media(max-width:480px){.feature-row{align-items:flex-start}.settings-card h3{font-size:1rem}.styled-input{font-size:16px;padding:10px}}.settlement-container{padding:24px;background-color:var(--secondary);font-family:Inter,sans-serif}.settlement-header h1{font-size:24px;margin-bottom:4px;color:var(--text)}.settlement-header p{color:var(--text);font-size:14px;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card{padding:20px;border-radius:12px;border-left:4px solid;box-shadow:0 1px 3px #0000001a}.stat-card.pending{border-color:#f59e0b;background:var(--secondary)}.stat-card.settled{border-color:#10b981;background:var(--secondary)}.stat-card.all-sales{border-color:#3b82f6;background:var(--secondary)}.stat-card span{font-size:13px;color:var(--iconColor)}.stat-card h2{font-size:24px;margin:8px 0}.stat-card.pending h2{color:#b45309}.stat-card.settled h2{color:#059669}.stat-card.all-sales h2{color:#1d4ed8}.main-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.table-container,.source-sidebar{background:var(--secondary);color:var(--text);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}table{width:100%;border-collapse:collapse;margin-top:15px}th{text-align:left;color:var(--text);font-size:12px;padding:12px;border-bottom:1px solid #f3f4f6}td{padding:16px 12px;border-bottom:1px solid #f3f4f6;font-size:14px}.date-cell span{display:block;font-size:11px;color:#9ca3af}.amount-cell{color:#b45309;font-weight:600}.source-tag{font-size:10px;padding:2px 8px;border-radius:12px;background:#eff6ff;color:#1d4ed8}.settle-btn{background:#d1fae5;color:#065f46;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500}.source-item{background:var(--secondary);border:1px solid var(--sideText);padding:16px;border-radius:8px;margin-top:12px}.source-name{display:block;font-weight:500;font-size:14px}.source-count{font-size:12px;color:#6b7280}.source-total{display:block;font-size:18px;font-weight:700;color:#b45309;margin-top:4px}@media(max-width:1024px){.stats-grid,.main-content-grid{grid-template-columns:1fr}}.platform-container{padding:2rem}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem;border-radius:12px;background:#fff;border-left:5px solid #ccc;box-shadow:0 2px 10px #0000000d}.stat-card h3{margin:5px 0}.stat-card.green{border-color:#10b981;background:var(--secondary)}.stat-card.blue{border-color:#3b82f6;background:var(--secondary)}.stat-card.purple{border-color:#8b5cf6;background:var(--secondary)}.stat-card.orange{border-color:#f59e0b;background:var(--secondary)}.dashboard-content{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}@media(max-width:768px){.dashboard-content{grid-template-columns:1fr}.platform-header{flex-direction:column;gap:1rem}}.content-card{background:var(--secondary);padding:1.5rem;border-radius:12px;height:60vh;overflow-y:scroll;box-shadow:0 2px 10px #0000000d}.category-item,.signup-item{display:flex;justify-content:space-between;padding:1rem 0;color:var(--text);border-bottom:1px solid #eee}.content-card h4{color:var(--text)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:400px}.modal-input{width:100%;padding:10px;margin:1rem 0;border:1px solid #ddd}.btn-save{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.biz99-container{min-height:100vh;padding:20px}.biz99-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.biz99-card{border:1px solid var(--sideText);border-radius:8px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:var(--secondary)}.biz99-card h3{margin-bottom:8px}.biz99-card p{font-size:14px;opacity:.8;margin:4px 0}.biz99-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.biz99-actions button{border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;flex:1 1 45%;color:#fff}.biz99-actions .edit99{background:#2563eb}.biz99-actions .delete99{background:#dc2626}.biz99-actions .erase99{background:#e70505}.biz99-actions .forgot99{background:#ea8f10}.biz99-actions .profit99{background:#1c9ef5}.biz99-actions .view99{background:#059669}.biz99-actions .toggle99{background:#f59e0b}.modal99-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal99-box{background:var(--secondary);padding:24px;border-radius:14px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal99-box input{width:95%;padding:10px;margin-top:10px;border-radius:8px;border:none;outline:none;background:#1f2937;color:#fff}.modal99-box button{width:100%;padding:8px 14px;border-radius:8px;border:none;cursor:pointer;margin-top:10px;font-weight:600}.modal99-box .save99{background:#22c55e;color:#000}.close99-btn{background:#dc2626;color:#fff}.orders99-list{max-height:200px;overflow-y:auto;margin-top:10px}@media(max-width:600px){.biz99-card{padding:14px}}.admin-wrapper{padding:24px;max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-buttons{display:flex;gap:10px}.btn-nav{padding:10px 20px;border-radius:8px;border:1px solid var(--secondary);background:var(--text);color:var(--btn);cursor:pointer;font-weight:600}.btn-nav.active{background:var(--btn);color:#fff;border-color:#000}.lists-grid,.forms-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.list-card,.admin-form-card{background:var(--secondary);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.card-header,.admin-form-card h3{padding:16px 0;border-bottom:1px solid var(--text);color:var(--text);font-size:1.1rem;font-weight:600}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--text);color:var(--text)}.btn-edit{color:#3b82f6;background:none;border:none;cursor:pointer;font-size:.9rem}.admin-form-card{padding:20px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500}.input-group input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:6px}.btn-save{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-save.secondary{background:#6366f1}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.forms-container{grid-template-columns:repeat(1,1fr)}.lists-grid{grid-template-columns:1fr}}.planAdmin99-container{padding:20px;max-width:1100px;margin:auto;font-family:Arial,sans-serif}.planAdmin99-header h1{margin-bottom:20px}.planAdmin99-form{display:flex;flex-direction:column;gap:10px;background:var(--secondary);padding:20px;border-radius:10px;box-shadow:0 2px 10px #00000014;margin-bottom:30px}.planAdmin99-form input,.planAdmin99-form select{padding:10px;border-radius:6px;border:1px solid #ddd}.planAdmin99-form input{width:90%}.planAdmin99-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.planAdmin99-featureItem>label>input{width:20%}.planAdmin99-featureItem{background:var(--secondary);border:1px solid var(--text);padding:8px 10px;border-radius:6px;font-size:14px}.planAdmin99-btnPrimary{background:var(--btn);color:var(--text);font-weight:600;padding:10px;border:none;border-radius:6px;cursor:pointer}.planAdmin99-btnSecondary{background:#6b7280;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer}.planAdmin99-table{display:flex;flex-direction:column;gap:15px}.planAdmin99-row{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--secondary);border-radius:10px;box-shadow:0 2px 8px #0000000f}.planAdmin99-actions{display:flex;gap:10px}.planAdmin99-btnEdit{background:#f59e0b;border:none;padding:8px 14px;border-radius:6px;color:#fff;cursor:pointer}.planAdmin99-btnDelete{background:#ef4444;border:none;padding:8px 14px;border-radius:6px;color:#fff;cursor:pointer}@media(max-width:768px){.planAdmin99-row{flex-direction:column;align-items:flex-start;gap:10px}}.listAllFeatures{display:flex;column-gap:20px}.pricing-page section{margin-top:20px;text-align:center}.hero h1{font-size:42px;margin-bottom:10px}.hero p{color:var(--text)}.toggle{width:95%;display:flex;align-items:center;justify-content:center;gap:15px;margin:20px auto auto;padding:0 5px}.toggle>span{color:var(--text)}.save{background:#d1fae5;padding:4px 1px;border-radius:12px;color:var(--btn)}.switch{position:relative;display:inline-block;width:50px;height:26px}.input-check,.input-label{width:fit-content;margin-top:0}.switch input{opacity:0;width:0;height:0}.ul-features{max-height:180px;overflow-y:auto;padding-right:6px;margin-top:12px}@media(min-width:768px){.ul-features{column-count:2;column-gap:16px;max-height:220px}}.ul-features li{break-inside:avoid;margin-bottom:6px;font-size:14px}.slider{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:30px;transition:.3s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background:#059669}.switch input:checked+.slider:before{transform:translate(24px)}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:80%;margin:auto}.card{background:var(--secondary);border-radius:20px;padding:20px;text-align:left;box-shadow:0 10px 25px #0000000d}.card-custom{width:77%;margin:30px auto auto;background:var(--secondary);border-radius:20px;padding:20px;text-align:left;box-shadow:0 10px 25px #0000000d}.ul-features-custom{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:20px}.ul-features-custom li{display:flex;align-items:center;justify-content:flex-start;gap:10px}.ul-features-custom li span{display:inline-block}.card h2{margin-bottom:5px;font-size:20px}.sub{color:var(--text);margin-bottom:10px}.price-box>h3{margin:10px 0 0}.price-box{background:var(--text);padding:20px;border-radius:14px;margin-bottom:20px}.price-box>h3{color:var(--sideBack)}.premium-price{background:var(--sideBack);color:var(--sideBack)}.yearly-active .premium-price{background:var(--btn)}ul{padding-left:18px;margin-bottom:20px}li{margin-bottom:8px;font-size:15px;color:var(--text)}.btn-outline{width:100%;padding:12px;border-radius:12px;border:2px solid var(--secondary);background:transparent;color:var(--btn);font-weight:600}.btn-solid,.btn-solid-free{cursor:pointer;width:100%;padding:12px;border-radius:12px;border:none;background:var(--btn);color:var(--text);font-weight:600}.btn-solid:hover{opacity:.2}.btn-solid-free{background:var(--text);border:1px solid var(--secondary);color:#000;margin-top:20px}.btn-solid-free:hover{background-color:var(--btn);color:var(--text)}.badge{background:var(--btn);color:var(--text);padding:6px 12px;border-radius:20px;font-size:12px;display:inline-block;margin-bottom:10px}.features{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.feature h3{color:var(--btn)}.control{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.control .right{background:#ecfdf5;display:flex;align-items:center;justify-content:center;border-radius:20px;font-weight:700}.faq-grid{max-width:1100px;margin:30px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.faq-card{background:#fff;padding:20px;border-radius:14px;text-align:left}.cta{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-radius:20px;margin:40px auto;max-width:1100px}.cta button{margin-top:20px;padding:14px 28px;border:none;border-radius:12px;font-weight:700}.overlay99{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.modal99{width:650px;max-height:85vh;background:var(--secondary);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.modalHeader99{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e7eb}.modalHeader99 h2{margin:0;font-size:22px}.closeIcon99{cursor:pointer;font-size:20px;color:var(--btnR)}.modalBody99{padding:20px 25px;overflow-y:auto}.section99{margin-bottom:20px}.section99 h3{margin-bottom:8px}.section99 p{color:var(--text);font-size:14px}.section99 ul{margin-top:8px;padding-left:20px}.section99 li{font-size:14px;color:var(--text);margin-bottom:6px}.modalFooter99{border-top:1px solid var(--secondary);padding:15px 25px;background:var(--secondary)}.checkboxRow99{display:flex;align-items:center;gap:8px;margin-bottom:15px}.buttonRow99{display:flex;justify-content:space-between;gap:10px}.cancelBtn99{flex:1;padding:10px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}.acceptBtn99{flex:1;padding:10px;border-radius:10px;border:none;background:var(--btn);color:var(--text);cursor:pointer}.acceptBtn99:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.hero h1{font-size:30px}.ul-features-custom{grid-template-columns:repeat(1,1fr)}.modal99{width:90%}.control{grid-template-columns:1fr}.plans{width:90%;grid-template-columns:repeat(1,1fr)}}.navbar-container{width:100%;box-shadow:0 20px 25px #0000001a}.navbar-first{display:flex;align-items:center;column-gap:10px}.navbar-logo{width:15%;height:75px}.navbar-logo>img{width:100%;height:100%;object-fit:contain}.trial-container101{width:85%;padding:20px;display:flex;justify-content:center;margin:20px auto auto}.trial-box101{width:100%;max-width:1100px;background:var(--secondary);border:1px solid var(--secondary);border-radius:16px;padding:30px 20px;display:flex;justify-content:space-between;gap:20px}.trial-item101{flex:1;text-align:center}.trial-title101{font-size:22px;font-weight:700;color:#0f8a5f;margin-bottom:6px}.trial-subtitle101{font-size:16px;font-weight:500;color:var(--text);margin-bottom:4px}.trial-desc101{font-size:14px;color:var(--text)}.trial-icon-wrapper101{margin-bottom:8px}.trial-icon101{font-size:28px;color:#0f8a5f}@media(max-width:768px){.trial-box101{flex-direction:column;align-items:center;text-align:center}.trial-item101{width:100%}}.control-wrapper202{width:85%;padding:40px 20px;margin:auto}.control-box202{max-width:1100px;margin:auto;background:var(--secondary);border:1px solid var(--secondary);border-radius:18px;padding:30px;display:flex;gap:30px;align-items:center;justify-content:space-between}.control-left202{flex:1}.control-title202{font-size:26px;font-weight:700;margin-bottom:10px;color:var(--text)}.control-desc202{font-size:15px;color:var(--text);margin-bottom:18px;line-height:1.6}.control-list202{list-style:none;padding:0;margin:0}.control-list202 li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text);margin-bottom:12px}.control-icon202{font-size:18px}.purple202{color:#7c3aed}.brown202{color:#92400e}.blue202{color:#2563eb}.orange202{color:#f59e0b}.control-right202{flex:1;background:linear-gradient(135deg,var(--text),var(--text));border-radius:16px;padding:40px;text-align:center}.control-bolt202{font-size:50px;color:var(--btn);margin-bottom:10px}.control-right-text202{font-size:16px;color:var(--text)}.faq-section202{max-width:1100px;margin:50px auto 0;text-align:center}.faq-title202{font-size:26px;font-weight:700;margin-bottom:25px;color:var(--text)}.faq-grid202{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.faq-card202{background:var(--secondary);border:1px solid var(--secondary);border-radius:14px;padding:20px;text-align:left}.faq-card202 h3{font-size:16px;margin-bottom:8px;color:var(--btn)}.faq-card202 p{font-size:14px;color:var(--text);line-height:1.6}@media(max-width:768px){.control-box202{flex-direction:column;text-align:center}.faq-grid202{grid-template-columns:1fr}}.payment-main-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-popup{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.payment-popup h2{margin-bottom:15px}.payment-popup p{font-size:18px;margin-bottom:10px}.success-text{color:green}.fail-text{color:red}.lottie-container{display:flex;justify-content:center;width:100%}.container1011{padding:20px;background:var(--secondary);min-height:100vh;color:var(--text)}.header101{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btnAdd101{background:var(--text);color:var(--btn);border:none;padding:10px 16px;font-weight:600;border-radius:6px;cursor:pointer}.tableWrapper101{overflow-x:auto}.table101{width:100%;border-collapse:collapse}.table101 th,.table101 td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.noData101{text-align:center;padding:20px}.icon101{margin-right:10px;cursor:pointer}.edit101{color:var(--btn)}.delete101{color:var(--btnR)}.modalOverlay101{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center}.modalBox101 h3{margin-bottom:15px;text-align:center}.modalBox101{background:var(--secondary);padding:20px;border-radius:10px;width:400px;max-width:90%}.input101{width:95%;margin-top:10px;padding:10px;border:1px solid #ccc;border-radius:6px}.btnGroup101{display:flex;justify-content:space-between;margin-top:15px}.btnCancel101{width:45%;background:var(--tertiary);color:var(--text);cursor:pointer;border:none;padding:10px;border-radius:6px}.btnSave101{width:45%;background:var(--btn);color:var(--text);cursor:pointer;border:none;padding:10px;border-radius:6px}.summaryContainer101{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.card1011{background:var(--secondary);border-left:6px solid var(--btn);padding:20px;border-radius:10px;text-align:center;transition:.3s}.card1011:hover{border-color:var(--btn1)}.card1011 p{margin:0;font-size:14px;color:var(--text)}.card1011 h2{margin-top:10px;color:#16a34a}@media(max-width:768px){.summaryContainer101{grid-template-columns:1fr}}@media(max-width:600px){.header101{flex-direction:column;gap:10px}.modalBox101{width:90%}}.auditContainer101{min-height:100vh;padding:0 20px}.auditHeader101{display:flex;justify-content:space-between;align-items:center}.auditBtn101{background:var(--text);border:none;padding:10px 18px;border-radius:5px;color:var(--btn);font-weight:600;cursor:pointer}.productCard101 h4{color:var(--text)}.auditSection101{margin-top:20px;border:1px solid var(--text);background-color:var(--secondary);padding:15px;border-radius:10px}.auditCard101{background:var(--sideBack);border:1px solid var(--btnR);padding:15px;border-radius:10px;margin-top:10px;display:flex;justify-content:space-between}.historyCard101{background:var(--sideText);padding:15px;border-radius:10px;margin-top:10px;display:flex;justify-content:space-between}.diff101{color:var(--btnR);font-weight:700}.modalOverlay101{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.modalBoxAudit101{background:var(--secondary);padding:20px;width:400px;max-height:80vh;overflow-y:auto;border-radius:10px}.modalHeader101{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.searchInput101{width:94.5%;padding:10px;margin-bottom:10px;border-radius:6px}.productCard101{border:2px solid var(--text);padding:15px;border-radius:10px;margin-top:10px}.inputAudit101{width:94%;padding:10px;margin-top:8px;border-radius:6px;border:2px solid var(--btnR)}.auditCard101 h4{color:var(--text);margin-bottom:10px}.submitBtn101{margin-top:15px;width:100%;padding:10px;background:var(--btn);border:none;border-radius:6px;color:var(--text);cursor:pointer;font-weight:600}.submitBtn101:hover{background-color:var(--btn1)}.historyCard101 h4{color:var(--text)}@media(max-width:600px){.modalBoxAudit101{width:90%}}Dashboard101.css .container101{display:flex;gap:20px}.card105,.card102,.card103,.card104{flex:1;height:fit-content;padding:20px;border-radius:16px}.card105.revenue{border-left:4px solid rgb(208,13,222)}.card102.cog{border-left:4px solid rgb(13,170,222)}.card103.expense{border-left:4px solid rgb(26,218,5)}.card104.profit{border-left:4px solid rgb(224,55,8)}.title101,.title102,.title103,.title104{font-size:14px;color:#9ca3af;margin-bottom:10px}.value101,.value102,.value103,.value104{font-size:28px;font-weight:600}.green101{color:#22c55e}.red101{color:#ef4444}.white101{color:#fff}.strike101{text-decoration:line-through;opacity:.8}.pl-dashboard-wrapper{padding:20px;background-color:var(--secondary);min-height:100vh;font-family:Inter,sans-serif}.pl-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.pl-summary-card{background:var(--secondary);padding:20px;border-radius:15px;box-shadow:0 4px 6px -1px #0000001a;border-left:6px solid var(--text)}.expense-border{border-left-color:#22c55e}.pl-card-title{color:var(--text);font-size:14px;margin-bottom:8px}.pl-card-value{font-size:24px;font-weight:700;margin:0}.text-green{color:var(--btn)}.text-red{color:var(--btnR)}.text-dark{color:var(--text)}.pl-graph-container{background-color:#0b1120;border-radius:12px;color:#fff;overflow:hidden;box-shadow:0 10px 15px -3px #0000004d}.pl-graph-header{padding:20px 24px;border-bottom:1px solid #1e293b}.pl-graph-header h3{margin:0;font-size:1.1rem;font-weight:600}.pl-graph-content{padding:24px}.pl-graph-row{display:flex;align-items:center;margin-bottom:20px;gap:15px}.is-profit-row{border-top:1px solid #1e293b;padding-top:20px;margin-top:10px}.pl-graph-label{width:130px;font-size:14px;color:#94a3b8}.pl-graph-bar-area{flex-grow:1}.pl-graph-value{width:110px;text-align:right;font-weight:600;font-size:15px}.pl-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#64748b}.pl-dashboard-wrapper{display:flex;flex-direction:column;gap:16px;padding:16px;background:#0b1120;min-height:100vh;width:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#e2e8f0;-webkit-font-smoothing:antialiased}@media(min-width:640px){.pl-dashboard-wrapper{gap:20px;padding:20px}}@media(min-width:1024px){.pl-dashboard-wrapper{gap:24px;padding:24px}}.pl-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#475569;font-size:14px;letter-spacing:.05em}.pl-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}@media(min-width:480px){.pl-cards-grid{gap:12px}}@media(min-width:768px){.pl-cards-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media(min-width:1024px){.pl-cards-grid{gap:16px}}.pl-summary-card{background:var(--secondary);border-radius:12px;padding:14px 12px 12px;border-left:3px solid transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;position:relative;overflow:hidden;min-width:0}@media(min-width:480px){.pl-summary-card{padding:16px 16px 14px;border-left-width:4px}}@media(min-width:768px){.pl-summary-card{padding:20px 18px 16px}}.pl-card-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pl-card-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0006}.pl-card-clickable:active{transform:translateY(0)}.pl-card-active{border:2px solid var(--btn);box-shadow:0 0 0 2px #6366f166}.revenue-border{border-left-color:#a855f7}.cog-border{border-left-color:#3b82f6}.expense-border{border-left-color:#10b981}.profit-border{border-left-color:#f97316}.pl-card-title{font-size:10px;color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:480px){.pl-card-title{font-size:11px;margin-bottom:8px}}@media(min-width:768px){.pl-card-title{font-size:13px}}.pl-card-value{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:480px){.pl-card-value{font-size:20px}}@media(min-width:640px){.pl-card-value{font-size:22px}}@media(min-width:768px){.pl-card-value{font-size:26px}}.pl-card-hint{display:block;margin-top:8px;font-size:10px;color:var(--text);letter-spacing:.04em}@media(min-width:640px){.pl-card-hint{font-size:11px}}.text-green{color:#10b981}.text-blue{color:#3b82f6}.text-red{color:#ef4444}.text-dark{color:#e2e8f0}.text-right{text-align:right}.pl-graph-container{background:var(--secondary);border-radius:14px;padding:16px;width:100%;animation:plFadeSlide .3s ease}@media(min-width:640px){.pl-graph-container{padding:20px}}@media(min-width:1024px){.pl-graph-container{padding:24px}}.pl-graph-header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #1e3a5f}@media(min-width:480px){.pl-graph-header{flex-direction:row;align-items:center;justify-content:space-between;gap:0;margin-bottom:22px;padding-bottom:16px}}.pl-graph-header h3{font-size:14px;font-weight:700;color:#f1f5f9}@media(min-width:640px){.pl-graph-header h3{font-size:16px}}.pl-graph-hint{font-size:11px;color:#334155;white-space:nowrap}.pl-graph-content{display:flex;flex-direction:column;gap:14px}@media(min-width:640px){.pl-graph-content{gap:18px}}.pl-graph-row{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:8px}@media(min-width:480px){.pl-graph-row{grid-template-columns:100px 1fr 100px;gap:10px}}@media(min-width:640px){.pl-graph-row{grid-template-columns:120px 1fr 115px;gap:14px}}@media(min-width:768px){.pl-graph-row{grid-template-columns:140px 1fr 130px;gap:16px}}.pl-graph-row.is-profit-row{padding-top:14px;border-top:1px solid #1e3a5f;margin-top:4px}.pl-graph-label{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:480px){.pl-graph-label{font-size:12px}}@media(min-width:768px){.pl-graph-label{font-size:13px}}.pl-graph-bar-area{flex:1;min-width:0}.pl-graph-value{font-size:11px;font-weight:600;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:480px){.pl-graph-value{font-size:12px}}@media(min-width:768px){.pl-graph-value{font-size:14px}}.pl-tooltip{background:#0b1120;border:1px solid #1e3a5f;border-radius:8px;padding:8px 12px}.pl-tooltip-label{font-size:11px;color:#64748b;margin-bottom:4px}.pl-tooltip-value{font-size:14px;font-weight:700}.pl-drilldown-container{background:var(--secondary);border-radius:14px;padding:16px;width:100%;animation:plFadeSlide .28s ease}@media(min-width:640px){.pl-drilldown-container{padding:20px}}@media(min-width:1024px){.pl-drilldown-container{padding:24px}}@keyframes plFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pl-drilldown-header{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #1e3a5f}@media(min-width:480px){.pl-drilldown-header{flex-direction:row;align-items:center;justify-content:space-between;gap:0}}.pl-drilldown-header h3{font-size:13px;font-weight:700;color:#f1f5f9;line-height:1.4}@media(min-width:480px){.pl-drilldown-header h3{font-size:14px}}@media(min-width:640px){.pl-drilldown-header h3{font-size:16px}}.pl-close-btn{display:inline-flex;align-items:center;gap:6px;background:#1e3a5f;border:1px solid #2d4f73;color:#94a3b8;font-size:12px;font-family:inherit;padding:7px 14px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pl-close-btn:hover{background:#2d4f73;color:#f1f5f9}.pl-detail-section{display:flex;flex-direction:column;gap:14px}.pl-detail-subtitle{font-size:12px;color:var(--text)}.pl-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid #1e3a5f;scrollbar-width:thin;scrollbar-color:#1e3a5f #0b1120}.pl-table-wrapper::-webkit-scrollbar{height:4px}.pl-table-wrapper::-webkit-scrollbar-track{background:#0b1120}.pl-table-wrapper::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:4px}.pl-table{width:100%;min-width:460px;border-collapse:collapse;font-size:12px}@media(min-width:640px){.pl-table{font-size:13px;min-width:560px}}@media(min-width:1024px){.pl-table{min-width:unset}}.pl-table thead tr{background:var(--secondary)}.pl-table th{padding:10px 12px;text-align:left;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text);border-bottom:1px solid #1e3a5f;white-space:nowrap}@media(min-width:640px){.pl-table th{padding:12px 16px;font-size:11px}}.pl-table td{padding:11px 12px;color:#cbd5e1;border-bottom:1px solid #131e33;vertical-align:middle}@media(min-width:640px){.pl-table td{padding:13px 16px}}.pl-table-row:last-child td{border-bottom:none}.pl-table-row{transition:background .12s}.pl-table-row:hover{background:#1e2d4d}.pl-product-cell{display:flex;align-items:center;gap:8px;font-weight:500;color:#e2e8f0;min-width:0}.pl-product-cell span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-product-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#10b981}.pl-product-dot.blue{background:#3b82f6}.pl-product-dot.red{background:#ef4444}.pl-muted{color:#475569;font-size:11px}@media(min-width:640px){.pl-muted{font-size:12px}}.pl-amount-green{color:#10b981;font-weight:600}.pl-amount-blue{color:#3b82f6;font-weight:600}.pl-amount-red{color:#ef4444;font-weight:600}.pl-empty{text-align:center!important;color:var(--text)!important;padding:40px 16px!important;font-size:13px!important}.pl-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:capitalize;white-space:nowrap}@media(min-width:640px){.pl-badge{font-size:11px;padding:3px 10px}}.badge-green{background:#10b9811f;color:#10b981}.badge-yellow{background:#eab3081f;color:#eab308}.badge-red{background:#ef44441f;color:#ef4444}.badge-blue{background:#3b82f61f;color:#3b82f6}.badge-indigo{background:#6366f11f;color:#818cf8}.badge-purple{background:#a855f71f;color:#a855f7}.badge-gray{background:#64748b1f;color:#64748b}.pl-load-more{display:flex;align-items:center;justify-content:center;align-self:center;width:100%;max-width:200px;background:#1e3a5f;border:1px solid #2d4f73;color:#94a3b8;padding:10px 24px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,transform .1s;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(min-width:640px){.pl-load-more{font-size:13px;max-width:220px}}.pl-load-more:hover:not(:disabled){background:#2d4f73;color:#f1f5f9;transform:translateY(-1px)}.pl-load-more:active:not(:disabled){transform:translateY(0)}.pl-load-more:disabled{opacity:.45;cursor:not-allowed}.pl-skeleton-row td{padding:13px 16px}.pl-skeleton-cell{display:block;height:13px;border-radius:6px;background:linear-gradient(90deg,#1a2540 25%,#1e2d4d,#1a2540 75%);background-size:200% 100%;animation:plShimmer 1.5s infinite}@keyframes plShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pl-hide-mobile{display:none}@media(min-width:640px){.pl-hide-mobile{display:table-cell}}.pl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}@media(min-width:768px){.pl-truncate{max-width:200px}}@media(min-width:1024px){.pl-truncate{max-width:none}}.add-btn{width:100%;background:#0f8f6f;color:#fff;padding:14px;border:none;border-radius:10px;font-size:18px;cursor:pointer}.complaint-list{margin-top:20px;display:grid;gap:15px}.card{background:var(--secondary);padding:15px;border-radius:10px;position:relative}.badge{position:absolute;top:15px;right:15px;padding:4px 10px;border-radius:20px;font-size:12px;color:#fff}.badge.low{background:#16a34a}.badge.medium{background:#f59e0b}.badge.high{background:#dc2626}.modal{width:95%;max-width:600px;background:#fff;border-radius:12px;padding:20px}.modal-header span{cursor:pointer}form input,form textarea,form select{width:96%;margin-bottom:12px;padding:12px;border-radius:8px;border:1px solid #ccc}form select{width:100%}.save-btn{width:100%;background:#0f8f6f;color:#fff;padding:14px;border:none;border-radius:10px;cursor:pointer}@media(min-width:768px){.complaint-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.complaint-list{grid-template-columns:repeat(3,1fr)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cp-wrapper{padding:16px;background:#0b1120;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:#e2e8f0}@media(min-width:640px){.cp-wrapper{padding:20px}}@media(min-width:1024px){.cp-wrapper{padding:24px}}.cp-header{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}@media(min-width:640px){.cp-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.cp-heading{font-size:22px;font-weight:700;color:#f1f5f9;margin-bottom:10px}.cp-summary-bar{display:flex;flex-wrap:wrap;gap:8px}.cp-summary-pill{display:flex;flex-direction:column;align-items:center;background:#1a2540;border-radius:10px;padding:8px 14px;min-width:60px;border:1px solid #1e3a5f}.cp-summary-pill.s-open{border-color:#22c55e44}.cp-summary-pill.s-closed{border-color:#64748b44}.cp-summary-pill.s-high{border-color:#ef444444}.cp-summary-num{font-size:18px;font-weight:700;line-height:1}.cp-summary-label{font-size:10px;color:#64748b;margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.s-open .cp-summary-num{color:#22c55e}.s-closed .cp-summary-num{color:#94a3b8}.s-high .cp-summary-num{color:#ef4444}.cp-add-btn{background:#0f8f6f;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s;flex-shrink:0}.cp-add-btn:hover{background:#0d7a5f;transform:translateY(-1px)}.cp-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.cp-filter-select{background:#1a2540;border:1px solid #1e3a5f;color:#e2e8f0;padding:9px 14px;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;outline:none;min-width:130px}.cp-filter-select:focus{border-color:#3b82f6}.cp-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-low{background:#22c55e26;color:#22c55e}.badge-medium{background:#eab30826;color:#eab308}.badge-high{background:#ef444426;color:#ef4444}.status-open{background:#3b82f626;color:#3b82f6}.status-closed{background:#64748b26;color:#94a3b8}.cp-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.cp-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cp-grid{grid-template-columns:repeat(3,1fr)}}.cp-empty{grid-column:1/-1;text-align:center;color:#334155;padding:40px;font-size:14px}.cp-card{background:#1a2540;border:1px solid #1e3a5f;border-radius:12px;padding:16px;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:8px}.cp-card:hover{background:#1e2d4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.cp-card-top{display:flex;gap:6px;flex-wrap:wrap}.cp-card-title{font-size:14px;font-weight:600;color:#f1f5f9;line-height:1.4}.cp-card-detail{font-size:12px;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-card-footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px;border-top:1px solid #1e3a5f;margin-top:4px}.cp-card-staff{font-size:11px;color:#475569;font-weight:500}.cp-msg-count{font-size:11px;color:#475569;margin-left:auto}.cp-card-date{font-size:10px;color:#334155}.cp-card-actions{display:flex;gap:8px;margin-top:4px}.cp-btn-edit{padding:5px 14px;background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.cp-btn-delete{padding:5px 14px;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.cp-btn-edit:hover{background:#3b82f640}.cp-btn-delete:hover{background:#ef444438}.cp-load-more{display:flex;align-items:center;justify-content:center;margin:20px auto 0;width:100%;max-width:200px;padding:11px 24px;background:#1e3a5f;border:1px solid #2d4f73;color:#94a3b8;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,transform .1s}.cp-load-more:hover:not(:disabled){background:#2d4f73;color:#f1f5f9;transform:translateY(-1px)}.cp-load-more:disabled{opacity:.4;cursor:not-allowed}.cp-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.cp-modal{background:#1a2540;border:1px solid #1e3a5f;border-radius:14px;padding:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:cpSlideUp .22s ease}@media(min-width:640px){.cp-modal{padding:28px}}@keyframes cpSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cp-modal-header h2{font-size:17px;font-weight:700;color:#f1f5f9}.cp-modal-close{background:none;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit}.cp-modal-close:hover{background:#1e3a5f;color:#f1f5f9}.cp-form{display:flex;flex-direction:column;gap:4px}.cp-label{font-size:12px;font-weight:600;color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;margin-top:10px}.cp-label:first-child{margin-top:0}.cp-input,.cp-textarea,.cp-select{width:100%;background:#0f1a2e;border:1px solid #1e3a5f;border-radius:8px;color:#e2e8f0;font-size:14px;font-family:inherit;padding:11px 14px;outline:none;transition:border-color .15s}.cp-input:focus,.cp-textarea:focus,.cp-select:focus{border-color:#3b82f6}.cp-input::placeholder,.cp-textarea::placeholder{color:#334155}.cp-textarea{resize:vertical;min-height:90px}.cp-select{cursor:pointer}.cp-save-btn{margin-top:14px;width:100%;background:#0f8f6f;color:#fff;border:none;padding:13px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.cp-save-btn:hover:not(:disabled){background:#0d7a5f}.cp-save-btn:disabled{opacity:.5;cursor:not-allowed}.cp-chat-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;z-index:200}@media(min-width:640px){.cp-chat-overlay{align-items:center;padding:16px}}.cp-chat-panel{background:#1a2540;border:1px solid #1e3a5f;border-radius:16px 16px 0 0;width:100%;max-width:600px;height:85vh;display:flex;flex-direction:column;animation:cpSlideUp .25s ease;overflow:hidden}@media(min-width:640px){.cp-chat-panel{border-radius:16px;height:80vh}}.cp-chat-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #1e3a5f;flex-shrink:0;gap:12px}.cp-chat-header-info{flex:1;min-width:0}.cp-chat-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.cp-chat-staff{font-size:11px;color:#475569}.cp-chat-title{font-size:14px;font-weight:700;color:#f1f5f9;line-height:1.4}@media(min-width:640px){.cp-chat-title{font-size:16px}}.cp-chat-close{background:none;border:none;color:#64748b;font-size:15px;cursor:pointer;padding:4px 8px;border-radius:6px;flex-shrink:0;font-family:inherit}.cp-chat-close:hover{background:#1e3a5f;color:#f1f5f9}.cp-chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#1e3a5f #0b1120}.cp-chat-body::-webkit-scrollbar{width:4px}.cp-chat-body::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:4px}.cp-chat-empty{text-align:center;color:#334155;font-size:13px;padding:24px 0}.cp-bubble-wrap{display:flex}.bubble-staff{justify-content:flex-start}.bubble-admin{justify-content:flex-end}.cp-bubble{max-width:75%;padding:10px 14px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.bubble-staff .cp-bubble{background:#1e3a5f;border-bottom-left-radius:4px}.bubble-admin .cp-bubble{background:#0f8f6f26;border:1px solid rgba(15,143,111,.3);border-bottom-right-radius:4px}.cp-bubble-text{font-size:13px;color:#e2e8f0;line-height:1.5;word-break:break-word}.bubble-admin .cp-bubble-text{color:#a7f3d0}.cp-bubble-meta{font-size:10px;color:#475569}.cp-chat-footer{border-top:1px solid #1e3a5f;padding:12px 16px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.cp-chat-input{width:100%;background:#0f1a2e;border:1px solid #1e3a5f;border-radius:8px;color:#e2e8f0;font-size:13px;font-family:inherit;padding:10px 12px;outline:none;resize:none;transition:border-color .15s}.cp-chat-input:focus{border-color:#3b82f6}.cp-chat-input::placeholder{color:#334155}.cp-chat-actions{display:flex;gap:8px}.cp-send-btn{flex:1;background:#1e3a5f;border:1px solid #2d4f73;color:#e2e8f0;padding:9px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.cp-send-btn:hover:not(:disabled){background:#2d4f73}.cp-send-btn:disabled{opacity:.4;cursor:not-allowed}.cp-resolve-btn{flex:1;background:#0f8f6f;border:none;color:#fff;padding:9px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.cp-resolve-btn:hover:not(:disabled){background:#0d7a5f}.cp-resolve-btn:disabled{opacity:.4;cursor:not-allowed}.cp-chat-closed-notice{border-top:1px solid #1e3a5f;padding:14px 16px;text-align:center;font-size:13px;color:#475569;flex-shrink:0}.container{padding:20px}.add-btn{width:100%;background:var(--text);color:var(--btn);padding:14px;font-weight:600;border:none;border-radius:10px;font-size:18px;cursor:pointer}.supplier-list{margin-top:20px;display:grid;gap:15px}.card{background:var(--secondary);padding:15px;border-radius:10px}.card h3{margin:0}.actions{margin-top:10px;display:flex;gap:10px}.actions button{padding:6px 12px;border:none;cursor:pointer;border-radius:6px}.actions button:first-child{background:#2563eb;color:#fff}.actions button:last-child{background:#dc2626;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center}.modal{width:95%;max-width:600px;background:var(--secondary);border-radius:12px;padding:20px;animation:fadeIn .3s ease}.modal-header{display:flex;justify-content:space-between;margin-bottom:15px}.modal-header span{cursor:pointer;color:var(--btnR);font-size:20px}form input,form textarea{width:96%;margin-bottom:12px;padding:12px;border-radius:8px;border:1px solid #ccc}textarea{min-height:80px}.save-btn{width:100%;background:var(--btn);color:var(--text);font-weight:600;padding:14px;border:none;border-radius:10px;font-size:16px;cursor:pointer}@media(min-width:768px){.supplier-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.supplier-list{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cust1-container{padding:20px}.cust1-header{display:flex;justify-content:space-between;align-items:center}.cust1-add-btn{background:var(--text);color:var(--btn);font-weight:600;padding:10px 16px;border:none;border-radius:8px;cursor:pointer}.cust1-table-container{margin-top:20px;overflow-x:auto}.cust1-table{width:100%;border-collapse:collapse;background:var(--secondary);border-radius:10px;overflow:hidden}.cust1-table th,.cust1-table td{padding:12px;color:var(--text)}.cust1-table thead{background:var(--sideText)}.cust1-table tr{border-bottom:1px solid #ddd}.cust1-actions{display:flex;gap:10px;cursor:pointer}.cust1-actions svg:first-child{color:var(--btn)}.cust1-actions svg:last-child{color:var(--btnR)}.cust1-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center}.cust1-modal{width:95%;max-width:500px;background:var(--secondary);padding:20px;border-radius:12px}.cust1-modal-header{display:flex;justify-content:space-between;margin-bottom:15px}.cust1-modal input{width:95%;margin-bottom:12px;padding:12px;border-radius:8px;border:1px solid #ccc}.cust1-modal-actions{display:flex;justify-content:space-between}.cust1-cancel-btn{background:var(--btn1);color:var(--text);width:45%;padding:10px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.cust1-save-btn{background:var(--btn);color:var(--text);width:45%;font-weight:600;padding:10px 16px;border-radius:8px;border:none;cursor:pointer}.upload-container{max-width:600px;margin:40px auto;text-align:center;font-family:Arial,sans-serif}.upload-info{color:#666;margin-bottom:20px}.upload-box{border:2px dashed #ccc;padding:40px;border-radius:12px;cursor:pointer;transition:.3s;background:#fafafa}.upload-box:hover{border-color:#4caf50;background:#f0fff4}.upload-icon{font-size:40px;margin-bottom:10px}.file-name{margin-top:10px;font-weight:700;color:#333}.loading{margin-top:10px;color:#4caf50}.hidden-input{display:none}.audit-container{padding:20px}.audit-card{background:var(--secondary);padding:20px;border-radius:12px;margin-bottom:20px}.stats{display:flex;gap:20px;margin:10px 0}.stats span{color:var(--text)}.red{color:red}.green{color:green}.actions button{margin:5px;padding:8px;border-radius:8px;border:none;cursor:pointer}.fix-btn{margin-top:10px;background:#0a4d3c;color:#fff;padding:10px;border-radius:10px}.classified span{font-size:20px;font-weight:600;color:var(--btnR)}.classified strong{color:var(--tertiary)}.audit-det-1{margin:10px 0}.action-btn-record{display:flex;justify-content:space-between;column-gap:10px;margin-top:20px}.action-btn-record button{width:45%;padding:5px 0;border-radius:5px;border:none;cursor:pointer}.action-btn-record-1{background-color:var(--tertiary);color:var(--text)}.audit-det-1 span{color:#e15d0b;font-size:18px;font-weight:600}.audit-det-2 span{color:#39e239;font-size:18px;font-weight:600}.audit-det-2 p{margin-top:5px;color:#e8220c}.modal-record{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006}.modal-record .modal-content{background:var(--secondary);padding:20px;width:400px;margin:100px auto;border-radius:12px}.modal-content select,.modal-content input{width:100%}.modal-content h2{margin-bottom:10px}.productReportX-container{padding:20px}.productReportX-tabs{display:flex;gap:10px;margin-bottom:20px}.productReportX-tabs button{padding:10px 15px;border:none;background:#ddd;cursor:pointer;border-radius:6px}.productReportX-tabs .active{background:#1f6f43;color:#fff}.productReportX-table{width:100%;border-collapse:collapse}.productReportX-table th,.productReportX-table td{border:1px solid #ddd;background-color:var(--secondary);color:var(--text);padding:10px;text-align:left}.productReportX-table th{background:var(--sideText)}.productReportX-viewBtn{padding:6px 10px;background:#1f6f43;color:#fff;border:none;border-radius:5px;cursor:pointer}.productReportX-popupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.productReportX-popup{background:var(--secondary);padding:20px;width:400px;border-radius:10px}.productReportX-popup button{margin-top:10px;padding:8px 12px;background:#1f6f43;color:#fff;border:none;border-radius:5px}.productReportX-loading{text-align:center;padding:15px;font-weight:700}