html,body,#root{width:100%;min-width:100%;min-height:100vh;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif}.app-layout{min-height:100vh;width:100%;display:flex;background:#f5f7fb;color:#172033;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.account-locked-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#0f172ac7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:999999;animation:accountLockedOverlayIn .25s ease}.account-locked-modal{width:100%;max-width:500px;background:#fff;border-radius:24px;padding:42px 38px 32px;text-align:center;box-shadow:0 25px 60px #00000040,0 8px 25px #0000001f;position:relative;animation:accountLockedModalIn .3s ease}.account-locked-icon{width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:#fff1f2;color:#dc2626;border:8px solid #ffe4e6;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;line-height:1}.account-locked-modal h2{margin:0;color:#111827;font-size:27px;font-weight:750;letter-spacing:-.5px}.account-locked-message{margin:16px auto 0;max-width:410px;color:#374151;font-size:16px;line-height:1.65;font-weight:500}.account-locked-submessage{margin:10px auto 0;max-width:410px;color:#6b7280;font-size:14px;line-height:1.6}.account-locked-expiry{margin:26px 0 22px;padding:15px 18px;border-radius:13px;background:#f9fafb;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:15px}.account-locked-expiry span{color:#6b7280;font-size:13px;font-weight:600}.account-locked-expiry strong{color:#dc2626;font-size:14px;font-weight:700}.account-renew-button{width:100%;border:none;border-radius:12px;padding:14px 20px;background:#02a723;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.account-renew-button:hover{background:#000;transform:translateY(-1px);box-shadow:0 8px 20px #0000002e}.account-renew-button:active{transform:translateY(0)}.account-locked-footer{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.account-locked-footer span{color:#9ca3af}.account-locked-footer a{color:#2563eb;font-weight:650;text-decoration:none}.account-locked-footer a:hover{text-decoration:underline}@keyframes accountLockedOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes accountLockedModalIn{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.account-locked-overlay{padding:16px}.account-locked-modal{max-width:100%;padding:34px 24px 26px;border-radius:20px}.account-locked-icon{width:64px;height:64px;font-size:29px;border-width:7px}.account-locked-modal h2{font-size:23px}.account-locked-message{font-size:15px}.account-locked-submessage{font-size:13px}.account-locked-expiry{flex-direction:column;gap:6px}}.refresh-button:hover:not(:disabled){transform:translateY(-1px);background:#a1a1db}.sidebar{width:255px;min-width:255px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:#1355e4;border-right:1px solid #e8ebf2;padding:20px 14px;transition:width .25s ease,min-width .25s ease;z-index:100}.sidebar.collapsed{width:78px;min-width:78px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding:0 5px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#172554;color:#fff;font-size:19px;font-weight:800}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:17px;letter-spacing:.8px;color:#16213e}.brand-text span{margin-top:4px;font-size:8px;font-weight:700;letter-spacing:1.1px;color:#8b94a7}.collapse-btn{width:31px;height:31px;border:1px solid #e5e9f0;border-radius:8px;background:#fff;color:#6c7485;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.collapse-btn:hover{background:#f4f6fa;color:#172033}.sidebar-section{width:100%}.section-title{display:block;margin-top:10px;padding:0 11px;margin-bottom:9px;font-size:10px;font-weight:800;letter-spacing:1px;color:#a0a7b5}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;height:32px;border:0;border-radius:10px;background:transparent;color:#fff;display:flex;align-items:center;padding:0 12px;cursor:pointer;text-align:left;transition:background .2s ease,color .2s ease}.nav-item:hover{background:#f4f6fa;color:#172033}.nav-item.active{background:#eef2ff;color:#3346b8;font-weight:700}.nav-icon{width:26px;min-width:26px;display:flex;align-items:center;justify-content:center;font-size:18px}.nav-label{margin-left:9px;font-size:13px;font-weight:600}.settings-section{margin-top:auto;padding-top:18px}.premium-box{margin:9px 1px 7px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#172554,#312e81 55%,#4f46e5);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 20px #0f172a2e,inset 0 1px #ffffff14;overflow:hidden;color:#fff}.premium-content{flex-direction:column}.premium-content strong{font-size:15px;line-height:1.3;font-weight:550;color:#fff}.sidebar-user{display:flex;align-items:center;padding:11px 7px 13px;background:#fff;border-top:1px solid #edf0f5;border-bottom:1px solid #e9ecf2;border-radius:10px}.user-avatar{width:47px;height:47px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9edff;color:#4254c5;font-size:13px;font-weight:800}.user-info{min-width:0;margin-left:9px;display:flex;flex-direction:column}.user-info strong{margin-top:2px;font-size:12px;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info span{margin-top:3px;font-size:9px;color:#172033}.logout-btn{width:29px;height:29px;margin-left:auto;border:0;border-radius:7px;background:transparent;color:#8e96a7;cursor:pointer;font-size:16px}.logout-btn:hover{background:#f3f5f8;color:#d14c4c}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.top-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:17px 30px;background:#fff;border-bottom:1px solid #e9ecf2}.page-heading h1{margin:0;font-size:22px;line-height:1.2;color:#172033;font-weight:750}.page-heading p{margin:5px 0 0;font-size:12px;color:#8a92a3}.header-actions{display:flex;align-items:center;gap:18px}.notification-btn{width:38px;height:38px;position:relative;border:1px solid #e6e9ef;border-radius:10px;background:#fff;color:#697386;cursor:pointer;font-size:18px}.notification-btn:hover{background:#f7f8fa}.notification-btn span{width:7px;height:7px;position:absolute;top:8px;right:8px;border-radius:50%;background:#ef5350;border:1px solid #ffffff}.header-user{display:flex;align-items:center;gap:9px}.header-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9edff;color:#4254c5;font-size:12px;font-weight:800}.header-user>div:not(.header-avatar){display:flex;flex-direction:column}.header-user strong{font-size:11px;color:#263047}.header-user span{font-size:9px;color:#969dac}.dropdown-arrow{margin-left:3px;color:#858d9d;font-size:15px!important}.dashboard-content{width:100%;padding:27px 30px 35px}.content-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.content-top h2{margin:0;font-size:17px;font-weight:750;color:#202a3e}.date-text{display:block;margin-top:5px;font-size:11px;color:#949baa}.new-sale-btn{height:39px;padding:0 16px;display:flex;align-items:center;gap:7px;border:0;border-radius:9px;background:#3347b8;color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 5px 13px #3347b824}.new-sale-btn:hover{background:#293ca4}.new-sale-btn span{font-size:17px;line-height:1}.period-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.period-card{min-height:137px;padding:16px 17px;background:#fff;border:1px solid #e8ebf1;border-radius:13px;box-shadow:0 2px 7px #17203306}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading>span{font-size:11px;font-weight:650;color:#737c8e}.card-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:700}.card-icon.blue{background:#eaf2ff;color:#3978dc}.card-icon.purple{background:#f0ecff;color:#7655db}.card-icon.green{background:#e7f8ef;color:#2e9b63}.card-icon.orange{background:#fff2e5;color:#e58b37}.card-value{margin-top:17px;font-size:22px;font-weight:750;color:#1d2638}.profit-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.profit-row span{font-size:10px;color:#9aa1ae}.profit-row strong{font-size:16px;color:#35a56a}.main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:17px;margin-bottom:17px}.today-card{min-height:164px;padding:19px;background:#fff;border:1px solid #e8ebf1;border-radius:13px;box-shadow:0 2px 7px #17203306}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.section-header h3{margin:0;font-size:13px;font-weight:750;color:#202a3e}.section-header p{margin:4px 0 0;font-size:10px;color:#969dac}.view-report{padding:0;border:0;background:transparent;color:#4055c4;font-size:10px;font-weight:700;cursor:pointer}.view-report:hover{color:#263a9e}.today-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.today-stat{padding:0 20px;border-right:1px solid #edf0f4}.today-stat:first-child{padding-left:0}.today-stat:last-child{border-right:0}.today-stat span{display:block;font-size:10px;color:#929aaa}.today-stat strong{display:block;margin-top:7px;font-size:20px;font-weight:750;color:#202a3e}.today-stat small{display:block;margin-top:4px;font-size:9px;color:#a2a8b4}.green-text{color:#2e9c63!important}.cash-card{width:100%;height:100%;overflow:hidden;border-radius:40px}.cash-card img{width:100%;height:100%;display:block;object-fit:contain}.cash-card:after{content:"";width:140px;height:140px;position:absolute;right:-55px;top:-60px;border-radius:50%;border:25px solid rgba(255,255,255,.04)}.cash-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#ffffff1f;font-size:16px;font-weight:800}.cash-content{margin-top:13px;display:flex;flex-direction:column}.cash-content span{font-size:10px;color:#ffffffab}.cash-content strong{margin-top:5px;font-size:23px;letter-spacing:.2px}.show-cash{width:fit-content;margin-top:11px;padding:5px 10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#ffffffd1;font-size:9px;font-weight:700;cursor:pointer}.show-cash:hover{background:#ffffff26}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.professional-stat-card{min-height:155px;position:relative;padding:16px;background:#fff;border:1px solid #e8ebf1;border-radius:13px;overflow:hidden;box-shadow:0 2px 7px #17203306}.professional-stat-card:before{content:"";width:3px;height:44px;position:absolute;left:0;top:18px;border-radius:0 4px 4px 0;background:#64748b}.professional-stat-card.green:before{background:#39a86d}.professional-stat-card.orange:before{background:#e99543}.professional-stat-card.red:before{background:#e65d65}.professional-stat-card.navy:before{background:#354b91}.professional-stat-card.purple:before{background:#7955df}.professional-stat-card.gray:before{background:#7b8494}.professional-stat-card.profit:before{background:#25a96c}.professional-stat-card.blue:before{background:#4380dd}.professional-stat-card.coming:before{background:#a2a8b3}.professional-stat-card.dark:before{background:#384252}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-card-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f3f5f9;color:#596477;font-size:14px;font-weight:700}.green .stat-card-icon{background:#eaf8f0;color:#32a36a}.orange .stat-card-icon{background:#fff3e8;color:#df8a3c}.red .stat-card-icon{background:#fff0f1;color:#dd5a63}.navy .stat-card-icon{background:#edf1fb;color:#3e518e}.purple .stat-card-icon{background:#f1edff;color:#7453d5}.profit .stat-card-icon{background:#e8f8f0;color:#2aa267}.blue .stat-card-icon{background:#eaf2ff;color:#3e79d2}.dark .stat-card-icon{background:#edf0f4;color:#424d60}.stat-more{width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:#a0a6b2;cursor:pointer;font-size:16px}.stat-more:hover{background:#f4f6f9}.stat-card-info{margin-top:15px}.stat-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px;font-weight:700;color:#697386}.stat-title span{color:#9aa1ae;font-weight:500}.stat-value{margin-top:6px;font-size:20px;font-weight:750;color:#1d2638}.stat-description{display:flex;align-items:center;margin-top:8px;font-size:9px;color:#969daa}.status-dot{width:6px;height:6px;margin-right:6px;border-radius:50%;background:#45ae74}.red .status-dot{background:#e55b62}.orange .status-dot{background:#e69942}.coming .status-dot{background:#a1a7b1}.bottom-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:17px;align-items:stretch}.activity-card{min-width:0;min-height:275px;background:#fff;border:1px solid #e8ebf1;border-radius:13px;padding:19px;box-shadow:0 2px 7px #17203306}.recent-sales-list{width:100%;margin-top:17px;display:flex;flex-direction:column}.recent-sale-row{width:100%;min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 3px;border-bottom:1px solid #eef0f4;transition:background .2s ease}.recent-sale-row:last-child{border-bottom:0}.recent-sale-row:hover{background:#fafbfc;border-radius:8px}.recent-sale-left{min-width:0;display:flex;align-items:center;gap:11px}.recent-sale-icon{width:35px;height:35px;min-width:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eef2ff;color:#4658c5;font-size:14px}.recent-sale-info{min-width:0;display:flex;flex-direction:column}.recent-sale-info strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#283247}.recent-sale-info span{margin-top:4px;font-size:9px;color:#969eac}.recent-sale-right{min-width:85px;display:flex;flex-direction:column;align-items:flex-end}.recent-sale-right strong{font-size:12px;font-weight:750;color:#253047}.recent-sale-right span{margin-top:4px;font-size:9px;color:#37a56c}.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.empty-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin-bottom:11px;border-radius:12px;background:#f1f3f7;color:#929aaa;font-size:18px}.empty-icon.success{background:#eaf8f0;color:#36a56b}.empty-state strong{font-size:11px;font-weight:750;color:#424c60}.empty-state span{margin-top:5px;font-size:9px;color:#a0a6b1}.empty-btn{height:32px;margin-top:13px;padding:0 13px;border:0;border-radius:7px;background:#3347b8;color:#fff;font-size:9px;font-weight:700;cursor:pointer}.empty-btn:hover{background:#293ca4}.recent-sales-loading{min-height:190px;display:flex;align-items:center;justify-content:center;color:#8d95a5;font-size:11px}.recent-sales-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recent-sales-create-btn{margin-top:12px;height:32px;padding:0 13px;border:0;border-radius:7px;background:#3347b8;color:#fff;font-size:9px;font-weight:700;cursor:pointer}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d5d9e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#bcc2ce}@media(max-width:1250px){.dashboard-content,.top-header{padding-left:22px;padding-right:22px}.period-cards{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.sidebar{width:78px;min-width:78px}.sidebar .brand-text,.sidebar .section-title,.sidebar .nav-label,.sidebar .premium-box,.sidebar .user-info,.sidebar .logout-btn{display:none}.sidebar-top{justify-content:center}.collapse-btn{display:none}.sidebar-section{margin-top:5px}.settings-section{margin-top:auto}.nav-icon{width:100%}.sidebar-user{justify-content:center}.main-grid,.bottom-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-layout{display:block}.sidebar{width:100%;min-width:100%;height:auto;position:relative;padding:10px 12px;border-right:0;border-bottom:1px solid #e8ebf2}.sidebar-top{margin-bottom:8px;justify-content:space-between}.sidebar .brand-text,.sidebar .collapse-btn{display:flex}.sidebar-section,.sidebar-user,.premium-box{display:none}.top-header{min-height:auto;padding:15px;gap:15px}.page-heading h1{font-size:19px}.page-heading p{font-size:10px}.header-user{display:none}.dashboard-content{padding:18px 14px 25px}.content-top{align-items:flex-start;gap:15px}.content-top h2{font-size:15px}.new-sale-btn{flex-shrink:0;height:36px;padding:0 11px;font-size:10px}.period-cards{grid-template-columns:1fr}.period-card{min-height:125px}.main-grid{grid-template-columns:1fr}.today-stats{grid-template-columns:1fr;gap:17px}.today-stat{padding:0 0 14px;border-right:0;border-bottom:1px solid #edf0f4}.today-stat:last-child{padding-bottom:0;border-bottom:0}.stats-grid,.bottom-grid{grid-template-columns:1fr}.activity-card{min-height:250px;padding:15px}.section-header{align-items:center}.recent-sale-info strong{max-width:140px}}@media(max-width:430px){.brand-icon{width:35px;height:35px}.brand-text strong{font-size:15px}.brand-text span{font-size:7px}.content-top{flex-direction:column}.new-sale-btn{width:100%;justify-content:center}.notification-btn{width:34px;height:34px}.recent-sale-row{gap:8px}.recent-sale-icon{width:31px;height:31px;min-width:31px}.recent-sale-info strong{max-width:125px;font-size:10px}.recent-sale-info span{font-size:8px}.recent-sale-right{min-width:70px}.recent-sale-right strong{font-size:10px}.recent-sale-right span{font-size:8px}}.refresh-btn:disabled{cursor:not-allowed;opacity:.65}.dashboard-api-error{width:100%;min-height:42px;margin-bottom:14px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #f2d4d6;border-radius:9px;background:#fff7f7;color:#b84a52;font-size:10px;font-weight:600}.dashboard-api-error button{height:28px;padding:0 11px;flex-shrink:0;border:0;border-radius:6px;background:#e65d65;color:#fff;font-size:9px;font-weight:700;cursor:pointer}.dashboard-api-error button:hover{background:#d84e57}.recent-sales-loading{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8d95a5;font-size:10px}.recent-sales-loading-icon{width:43px;height:43px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#f1f3f7;color:#7c879a;font-size:18px}.recent-sales-loading strong{color:#4a5569;font-size:11px;font-weight:750}.recent-sales-loading span{margin-top:5px;color:#a0a6b1;font-size:9px}.low-stock-card{overflow:hidden}.low-stock-list{width:100%;margin-top:14px;display:flex;flex-direction:column}.low-stock-row{width:100%;min-height:57px;padding:8px 3px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef0f4;transition:background .2s ease}.low-stock-row:last-child{border-bottom:0}.low-stock-row:hover{background:#fafbfc;border-radius:8px}.low-stock-left{min-width:0;display:flex;align-items:center;gap:10px}.low-stock-product-image{width:37px;height:37px;min-width:37px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #edf0f4;border-radius:9px;background:#f5f7fa;color:#8992a2;font-size:14px}.low-stock-product-image img{width:100%;height:100%;display:block;object-fit:cover}.low-stock-info{min-width:0;display:flex;flex-direction:column}.low-stock-info strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#283247;font-size:10px;font-weight:700}.low-stock-info span{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#969eac;font-size:8px}.low-stock-quantity{min-width:58px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.low-stock-quantity strong{color:#dd6369;font-size:13px;font-weight:800}.low-stock-quantity span{margin-top:3px;color:#9a6165;font-size:8px;white-space:nowrap}.low-stock-card .empty-icon:not(.success){background:#fff2e5;color:#df8a3c}.low-stock-card .empty-state{min-height:190px}.professional-stat-card .stat-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.professional-stat-card.navy .stat-value{color:#354b91}.professional-stat-card.purple .stat-value{color:#7453d5}.professional-stat-card.profit .stat-value{color:#2aa267}.professional-stat-card.blue .stat-value{color:#3e79d2}.professional-stat-card.orange .stat-value{color:#df8a3c}.professional-stat-card.red .stat-value{color:#dd5a63}@media(max-width:1250px){.low-stock-info strong{max-width:170px}}@media(max-width:1000px){.refresh-btn{height:36px;padding:0 12px;font-size:10px}.low-stock-info strong{max-width:300px}}@media(max-width:700px){.header-actions{gap:8px}.refresh-btn{height:34px;padding:0 10px;font-size:9px}.dashboard-api-error{align-items:flex-start;font-size:9px}.low-stock-info strong{max-width:170px}.low-stock-row{min-height:54px}.low-stock-product-image{width:34px;height:34px;min-width:34px}.low-stock-quantity{min-width:54px}}@media(max-width:430px){.header-actions{gap:6px}.refresh-btn{height:32px;padding:0 8px;font-size:8px}.low-stock-left{gap:8px}.low-stock-info strong{max-width:130px;font-size:9px}.low-stock-info span{max-width:130px;font-size:7px}.low-stock-quantity{min-width:48px}.low-stock-quantity strong{font-size:11px}.low-stock-quantity span{font-size:7px}}.products-page{width:100%;min-height:100vh;box-sizing:border-box;padding:28px 30px 50px;background:#f7f8fa;color:#172033}.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.products-title-area{display:flex;align-items:center;gap:14px}.products-title-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid #e7eaf0;font-size:23px;box-shadow:0 2px 8px #0f172a0a}.products-title-area h1{margin:0 0 4px;font-size:26px;line-height:1.2;font-weight:750;color:#172033}.products-title-area p{margin:0;color:#7a8495;font-size:13px}.add-product-button{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:none;border-radius:9px;background:#172033;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.add-product-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #1720332e}.add-icon{font-size:19px;line-height:1}.barcode-section{background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:17px;margin-bottom:16px;box-shadow:0 2px 8px #0f172a06}.barcode-header{display:flex;justify-content:flex-end;min-height:1px}.barcode-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.barcode-input-icon{position:absolute;left:15px;color:#7b8494;font-size:20px;pointer-events:none}.barcode-input{width:100%;height:45px;box-sizing:border-box;padding:0 125px 0 45px;border:1px solid #dfe4eb;border-radius:9px;background:#fafbfc;color:#172033;outline:none;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease}.barcode-input:focus{background:#fff;border-color:#aeb7c5;box-shadow:0 0 0 3px #1720330d}.barcode-input::placeholder{color:#9aa2af}.barcode-input-clear{position:absolute;right:92px;width:27px;height:27px;border:none;background:transparent;color:#8a93a3;font-size:20px;cursor:pointer}.barcode-scan-button{position:absolute;right:5px;height:35px;min-width:80px;border:none;border-radius:7px;background:#172033;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.barcode-clear-button{border:none;padding:6px 10px;border-radius:6px;background:#fff1f1;color:#c62828;font-size:11px;font-weight:700;cursor:pointer;margin-bottom:7px}.barcode-message{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border-radius:7px;font-size:12px;font-weight:600}.barcode-message.success{background:#ecf9f0;color:#16803c}.barcode-message.error{background:#fff0f0;color:#c62828}.barcode-message-icon{width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:currentColor;color:#fff;font-size:11px}.products-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.search-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7c8595;font-size:21px;pointer-events:none}.product-search{width:100%;height:44px;box-sizing:border-box;padding:0 42px;border:1px solid #e1e5eb;border-radius:9px;background:#fff;outline:none;color:#172033;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease}.product-search:focus{border-color:#b5bdc9;box-shadow:0 0 0 3px #1720330a}.product-search::placeholder{color:#9aa2af}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;border-radius:50%;background:#eef1f4;color:#697386;cursor:pointer;font-size:17px;line-height:1}.wholesale-button{height:44px;display:flex;align-items:center;gap:8px;padding:0 15px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;color:#5e6879;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease}.wholesale-button.active{background:#f1f7f3;border-color:#b9dec5;color:#16803c}.wholesale-dot{width:8px;height:8px;border-radius:50%;background:#a2aab6}.wholesale-button.active .wholesale-dot{background:#16803c}.categories{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:2px 0 7px;margin-bottom:5px;scrollbar-width:thin}.category{flex-shrink:0;padding:8px 14px;border:1px solid #e1e5eb;border-radius:7px;background:#fff;color:#657083;font-size:11px;font-weight:650;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.category:hover{border-color:#cbd2dc;color:#172033}.category.active{background:#172033;border-color:#172033;color:#fff}.product-info{display:flex;align-items:center;gap:12px;margin:12px 0 14px}.product-count{display:flex;align-items:baseline;gap:5px}.product-count strong{font-size:18px;color:#172033}.product-count span{color:#7c8595;font-size:12px}.active-filter{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;background:#fff;border:1px solid #e5e8ed;color:#7b8494;font-size:11px}.active-filter strong{color:#465164}.barcode-filter{background:#f7f9fb}.products-list{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:8px}.product-list-item{width:100%;min-height:108px;display:flex;align-items:center;box-sizing:border-box;padding:13px 16px;background:#fff;border:1px solid #e5e8ed;border-radius:11px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-list-item:hover{transform:translateY(-1px);border-color:#d5dbe3;box-shadow:0 5px 16px #0f172a0f}.product-list-image-wrapper{position:relative;width:78px;height:78px;flex-shrink:0}.product-list-image{width:78px;height:78px;display:block;object-fit:cover;border-radius:9px;background:#f5f7f9;border:1px solid #e8ebef;box-sizing:border-box}.product-list-no-image{width:78px;height:78px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f4f6f8;border:1px solid #e8ebef;box-sizing:border-box}.product-list-no-image span{font-size:28px}.product-list-stock-badge{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:20px;border:2px solid #ffffff;white-space:nowrap;font-size:9px;font-weight:750;box-shadow:0 2px 5px #00000012}.product-list-stock-badge.available{background:#eaf8ef;color:#16803c}.product-list-stock-badge.unavailable{background:#ffeded;color:#c62828}.product-list-stock-badge .stock-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.product-list-info{flex:1;min-width:0;padding:0 20px}.product-list-name-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}.product-list-name-row h3{min-width:0;margin:0;overflow:hidden;color:#172033;font-size:15px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.product-list-category{flex-shrink:0;padding:4px 8px;border-radius:5px;background:#f1f4f7;color:#697386;font-size:10px;font-weight:650;white-space:nowrap}.product-list-barcode{display:inline-flex;align-items:center;gap:5px;max-width:220px;box-sizing:border-box;padding:5px 8px;overflow:hidden;border:1px solid #edf0f3;border-radius:5px;background:#fafbfc;color:#7c8595;font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.product-list-barcode span{font-size:13px}.product-list-price{width:145px;flex-shrink:0;box-sizing:border-box;padding:4px 20px;border-left:1px solid #edf0f3}.product-list-label{display:block;margin-bottom:4px;color:#8a93a3;font-size:10px;font-weight:700;letter-spacing:.25px;text-transform:uppercase}.product-list-price strong{display:block;color:#172033;font-size:16px;font-weight:750}.product-list-stock{width:110px;flex-shrink:0;box-sizing:border-box;padding:4px 16px;border-left:1px solid #edf0f3}.product-list-stock-value{display:flex;align-items:baseline;gap:4px}.product-list-stock-value .stock-number{font-size:16px;font-weight:750}.product-list-stock-value .stock-number.positive{color:#16803c}.product-list-stock-value .stock-number.negative{color:#d32f2f}.product-list-unit{color:#7c8595;font-size:10px;font-weight:600}.product-list-actions{width:135px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-left:15px;border-left:1px solid #edf0f3}.product-list-actions .report-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #dfe4eb;border-radius:7px;background:#fff;color:#465164;font-size:11px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}.product-list-actions .report-button:hover{background:#f5f7f9;border-color:#cfd5de}.product-list-actions .delete-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #f0d8d8;border-radius:7px;background:#fff7f7;color:#d32f2f;font-size:14px;cursor:pointer;transition:background .18s ease,border-color .18s ease}.product-list-actions .delete-button:hover{background:#ffeded;border-color:#efbcbc}.loading{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7b8494;font-size:12px}.loading-spinner{width:30px;height:30px;border:3px solid #e7eaf0;border-top-color:#172033;border-radius:50%;animation:products-spin .75s linear infinite}@keyframes products-spin{to{transform:rotate(360deg)}}.error{display:flex;align-items:center;gap:9px;padding:14px 16px;border:1px solid #f1d4d4;border-radius:9px;background:#fff5f5;color:#c62828;font-size:13px;font-weight:600}.error-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c62828;color:#fff;font-size:12px;font-weight:700}.empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px dashed #d9dee6;border-radius:12px;background:#fff;text-align:center}.empty-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;border-radius:50%;background:#f4f6f8;font-size:28px}.empty h2{margin:0 0 6px;color:#172033;font-size:17px}.empty p{margin:0;color:#8992a1;font-size:12px}.empty-clear-button{margin-top:15px;padding:8px 13px;border:none;border-radius:7px;background:#172033;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.load-more-container{display:flex;justify-content:center;padding-top:20px}.load-more{min-width:150px;padding:10px 17px;border:1px solid #dfe4eb;border-radius:8px;background:#fff;color:#465164;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}.load-more:hover{background:#f5f7f9;border-color:#cfd5de}.load-more span{margin-left:5px;color:#8a93a3;font-weight:500}.account-locked-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172aad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.account-locked-modal{width:100%;max-width:460px;box-sizing:border-box;padding:32px;border-radius:16px;background:#fff;text-align:center;box-shadow:0 20px 60px #0003}.account-locked-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;border-radius:50%;background:#fff0f0;color:#d32f2f;font-size:25px;font-weight:800}.account-locked-modal h2{margin:0 0 12px;color:#172033;font-size:21px}.account-locked-message{margin:0;color:#566173;font-size:13px;line-height:1.6}.account-locked-submessage{margin:10px 0 18px;color:#8992a1;font-size:12px;line-height:1.6}.account-locked-expiry{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:17px;border:1px solid #f0dada;border-radius:8px;background:#fff8f8}.account-locked-expiry span{color:#8b6b6b;font-size:11px;font-weight:650}.account-locked-expiry strong{color:#c62828;font-size:12px}.account-renew-button{width:100%;height:43px;border:none;border-radius:8px;background:#16803c;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.account-locked-footer{display:flex;justify-content:center;gap:5px;margin-top:15px;color:#8992a1;font-size:11px}.account-locked-footer a{color:#16803c;font-weight:700;text-decoration:none}@media(min-width:1400px){.products-page{padding-left:40px;padding-right:40px}.product-list-image-wrapper,.product-list-image,.product-list-no-image{width:82px;height:82px}.product-list-price{width:165px}.product-list-stock{width:125px}.product-list-actions{width:150px}}@media(max-width:1000px){.products-page{padding:24px 20px 40px}.product-list-item{padding:12px 13px}.product-list-info{padding-left:16px;padding-right:10px}.product-list-price{width:125px;padding-left:13px;padding-right:13px}.product-list-stock{width:95px;padding-left:12px;padding-right:12px}.product-list-actions{width:115px;padding-left:10px}.product-list-actions .report-button span{display:none}.product-list-actions .report-button{width:36px;padding:0}}@media(max-width:760px){.products-header{align-items:flex-start;gap:15px}.products-title-area h1{font-size:22px}.add-product-button{height:40px;padding:0 13px}.products-toolbar{flex-direction:column;align-items:stretch}.wholesale-button{justify-content:center}.product-list-item{min-height:96px;padding:11px}.product-list-image-wrapper,.product-list-image,.product-list-no-image{width:68px;height:68px}.product-list-info{padding-left:13px}.product-list-name-row{display:block;margin-bottom:5px}.product-list-name-row h3{font-size:14px;margin-bottom:5px}.product-list-category{display:inline-block}.product-list-price{width:105px;padding:0 10px}.product-list-stock{width:85px;padding:0 9px}.product-list-actions{width:80px;padding-left:8px}.product-list-actions .report-button span{display:none}}@media(max-width:560px){.products-page{padding:18px 12px 35px}.products-header{flex-direction:column;align-items:stretch}.products-title-area{gap:10px}.products-title-icon{width:42px;height:42px;font-size:20px}.products-title-area h1{font-size:20px}.add-product-button{width:100%}.barcode-section{padding:12px}.barcode-input{padding-right:85px}.barcode-input-clear{right:73px}.barcode-scan-button{min-width:65px}.product-info{flex-wrap:wrap}.product-list-item{min-height:88px;align-items:flex-start;padding:10px}.product-list-image-wrapper,.product-list-image,.product-list-no-image{width:62px;height:62px}.product-list-stock-badge{font-size:8px;padding:3px 6px}.product-list-info{padding-left:11px;padding-right:4px}.product-list-name-row{display:block;margin-bottom:5px}.product-list-name-row h3{font-size:13px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.product-list-category{font-size:9px;padding:3px 6px}.product-list-barcode{max-width:135px;padding:4px 6px;font-size:9px}.product-list-price,.product-list-stock{display:none}.product-list-actions{width:auto;margin-left:auto;padding-left:5px;border-left:none}.product-list-actions .report-button,.product-list-actions .delete-button{width:32px;height:32px;padding:0;font-size:12px}.account-locked-modal{padding:24px 18px}}@media(max-width:380px){.product-list-image-wrapper,.product-list-image,.product-list-no-image{width:55px;height:55px}.product-list-info{padding-left:8px}.product-list-actions .report-button,.product-list-actions .delete-button{width:29px;height:29px}.product-list-stock-badge{display:none}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8;color:#17202a}button,input,textarea{font:inherit}button{cursor:pointer}.xona-counter{min-height:100vh;background:#f4f6f8}.success-modal{width:430px;max-width:90%;background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 60px #0003;text-align:center;animation:successModalIn .25s ease-out}@keyframes successModalIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:#e8f8ee;color:#22a559;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700}.success-modal h2{margin:0;font-size:24px;font-weight:700;color:#1f2937}.success-modal>p{margin:8px 0 24px;color:#6b7280;font-size:14px}.success-sale-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px 16px;margin-bottom:24px;text-align:left}.success-info-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #e5e7eb;font-size:14px}.success-info-row:last-child{border-bottom:none}.success-info-row span{color:#6b7280}.success-info-row strong{color:#1f2937;font-weight:600}.success-info-row.total-row{margin-top:4px;padding-top:14px}.success-info-row.total-row span,.success-info-row.total-row strong{font-size:17px;font-weight:700}.success-info-row.total-row strong{color:#22a559}.success-info-row.pending-row strong{color:#dc2626}.success-modal-actions{display:flex;gap:12px}.success-modal-actions button{flex:1;height:46px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.success-modal-actions .secondary-button{background:#fff;color:#374151;border:1px solid #d1d5db}.success-modal-actions .secondary-button:hover{background:#f3f4f6}.success-modal-actions .print-button{background:#2563eb;color:#fff;border:none}.success-modal-actions .print-button:hover{background:#1d4ed8;transform:translateY(-1px)}@media(max-width:500px){.success-modal{width:calc(100% - 30px);padding:24px 20px}.success-modal h2{font-size:21px}.success-modal-actions{flex-direction:column}.success-modal-actions button{width:100%}}.message{margin:12px 20px 0;min-height:44px;padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px}.message button{margin-left:auto;border:0;background:transparent;font-size:20px}.error-message{background:#e6000f;color:#fff;border:1px solid hsl(0,0%,100%)}.success-message{background:#01cd3e;color:#fff;border:1px solid #bbf7d0}.counter-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.barcode-section{display:flex;align-items:center;gap:10px;flex:1}.barcode-form{height:46px;max-width:560px;width:100%;background:#fff;border:1px solid #dfe3e8;border-radius:10px;display:flex;align-items:center;overflow:hidden}.barcode-icon{padding-left:14px;font-size:20px;color:#64748b}.barcode-form input{flex:1;height:100%;border:0;outline:0;padding:0 12px;background:transparent}.barcode-form button{height:100%;padding:0 20px;border:0;background:#2164f4;color:#fff;font-weight:600}.product-search-button{height:46px;padding:0 18px;border-radius:10px;border:1px solid #dbe1e8;background:#fff;font-weight:600}.product-search-button:hover{background:#f8fafc}.wholesale-button{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid #16a34a;background:#f0fdf4;color:#15803d;font-weight:600}.wholesale-button.active{border-color:#dc2626;background:#fef2f2;color:#dc2626}.counter-main{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;padding:0 20px 20px}.products-section{min-width:0;background:#fff;border:1px solid #e4e8ed;border-radius:14px;overflow:hidden;min-height:calc(100vh - 160px)}.section-heading{min-height:70px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3;gap:20px}.section-heading h2,.cart-header h2{margin:0;font-size:17px}.section-heading span,.cart-header span{display:block;margin-top:3px;font-size:12px;color:#94a3b8}.product-search-wrapper{width:280px;height:40px;border:1px solid #dfe3e8;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:8px}.product-search-wrapper span{font-size:20px;margin:0}.product-search-wrapper input{width:100%;border:0;outline:0;font-size:13px}.category-list{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid #edf0f3;overflow-x:auto}.category{white-space:nowrap;padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;color:#475569}.category.active{background:#111827;color:#fff;border-color:#111827}.product-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px;max-height:calc(100vh - 300px);overflow-y:auto}.product-card{position:relative;text-align:left;border:1px solid #e4e8ed;background:#fff;border-radius:12px;overflow:hidden;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}.product-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 7px 18px #0f172a14}.product-image-wrapper{height:130px;position:relative;background:#f8fafc}.product-image{width:100%;height:100%;object-fit:cover}.product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#cbd5e1}.cart-quantity{position:absolute;top:8px;right:8px;min-width:27px;height:27px;padding:0 7px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.product-card-info{padding:11px}.product-card-info h3{margin:0;height:36px;overflow:hidden;font-size:13px;line-height:18px;color:#1e293b}.product-price{margin-top:8px;font-size:15px;font-weight:700;color:#111827}.product-stock{margin-top:3px;font-size:11px;color:#94a3b8}.products-loading,.empty-products{grid-column:1 / -1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.empty-icon{font-size:42px;margin-bottom:8px}.empty-products h3{margin:0;color:#475569}.empty-products p{font-size:13px}.cart-section{background:#fff;border:1px solid #e4e8ed;border-radius:14px;display:flex;flex-direction:column;min-height:calc(100vh - 160px);overflow:hidden}.cart-header{height:70px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.clear-button{border:0;background:#fff1f2;color:#dc2626;padding:7px 11px;border-radius:7px;font-size:12px;font-weight:600}.cart-items{flex:1;overflow-y:auto;padding:10px}.empty-cart{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;padding:30px}.empty-cart-icon{font-size:48px;margin-bottom:12px}.empty-cart h3{margin:0 0 5px;color:#475569}.empty-cart p{margin:0;font-size:12px;line-height:18px}.cart-item{padding:12px;border:1px solid #e8edf2;border-radius:10px;margin-bottom:9px;background:#fff}.cart-item-top{display:flex;justify-content:space-between;gap:10px}.cart-item-name{font-size:13px;font-weight:650;line-height:18px}.remove-item{width:23px;height:23px;flex-shrink:0;border:0;border-radius:6px;background:#fff1f2;color:#dc2626;font-size:17px}.cart-item-controls{margin-top:10px;display:grid;grid-template-columns:58px minmax(80px,1fr) 95px;gap:7px;align-items:end}.control-group{display:flex;flex-direction:column;gap:4px}.control-group label{font-size:9px;color:#94a3b8;font-weight:600}.control-group input{width:100%;height:32px;border:1px solid #dce2e8;border-radius:6px;padding:0 6px;outline:0;font-size:12px}.control-group input:focus{border-color:#94a3b8}.quantity-control{height:32px;display:grid;grid-template-columns:27px 1fr 27px;border:1px solid #dce2e8;border-radius:6px;overflow:hidden}.quantity-control button{border:0;background:#f8fafc;font-weight:700}.quantity-control input{width:100%;border:0;outline:0;text-align:center;min-width:0}.cart-item-bottom{margin-top:9px;display:flex;align-items:center;justify-content:space-between}.cart-item-bottom span{color:#94a3b8;font-size:10px}.cart-item-bottom strong{font-size:14px}.cart-summary{border-top:1px solid #edf0f3;padding:15px 17px;background:#fbfcfd}.summary-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#64748b}.summary-line strong{color:#1e293b}.discount-line input{width:90px;height:30px;text-align:right;border:1px solid #dce2e8;border-radius:6px;padding:0 8px;outline:0}.summary-total{margin-top:13px;padding-top:13px;border-top:1px dashed #d9dee5;display:flex;align-items:center;justify-content:space-between}.summary-total span{font-size:14px;font-weight:600}.summary-total strong{font-size:22px;font-weight:750}.checkout-button{width:100%;height:48px;margin-top:14px;border:0;border-radius:9px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-weight:650}.checkout-button:hover{background:#1f2937}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px}.checkout-modal{width:min(950px,100%);max-height:94vh;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 25px 70px #0f172a40;display:flex;flex-direction:column}.modal-header{min-height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.modal-header h2{margin:0;font-size:19px}.modal-header span{display:block;margin-top:3px;color:#94a3b8;font-size:12px}.modal-close{width:36px;height:36px;border:0;border-radius:8px;background:#f1f5f9;font-size:22px;color:#64748b}.checkout-content{display:grid;grid-template-columns:1fr 1fr;overflow-y:auto;padding:20px;gap:24px}.checkout-left,.checkout-right{min-width:0}.checkout-block{margin-bottom:18px}.block-title,.input-label{display:block;margin-bottom:8px;font-size:12px;font-weight:650;color:#475569}.option-grid{display:flex;flex-wrap:wrap;gap:8px}.option-button{min-height:39px;padding:0 13px;border:1px solid #dce2e8;background:#fff;border-radius:8px;color:#64748b;font-size:12px}.option-button.active{background:#111827;border-color:#111827;color:#fff}.customer-select-button{width:100%;min-height:46px;border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;border-radius:9px;font-weight:600}.selected-customer{min-height:58px;padding:10px 12px;border:1px solid #dce2e8;border-radius:9px;display:flex;align-items:center;justify-content:space-between}.selected-customer strong{display:block;font-size:13px}.selected-customer span{display:block;margin-top:3px;font-size:11px;color:#94a3b8}.selected-customer button{border:0;background:#fff1f2;color:#dc2626;padding:7px 10px;border-radius:6px;font-size:11px}.checkout-input{width:100%;height:43px;border:1px solid #dce2e8;border-radius:8px;outline:0;padding:0 11px;background:#fff}.checkout-input:focus{border-color:#64748b}.large-input{height:52px;font-size:19px;font-weight:650}.amount-card{padding:18px;border-radius:11px;background:#111827;color:#fff;margin-bottom:18px}.amount-card span{display:block;font-size:12px;opacity:.65}.amount-card strong{display:block;margin-top:5px;font-size:28px}.quick-amounts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.quick-amounts button{min-width:45px;height:30px;border:1px solid #dce2e8;background:#fff;border-radius:6px;font-size:11px;color:#475569}.change-box,.pending-box{padding:12px 14px;border-radius:9px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.change-box{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.pending-box{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.change-box strong,.pending-box strong{font-size:17px}.checkout-textarea{width:100%;border:1px solid #dce2e8;border-radius:8px;outline:0;padding:10px;resize:vertical}.profit-toggle{width:100%;height:40px;border:1px solid #dce2e8;background:#f8fafc;border-radius:8px;color:#475569;font-size:12px;font-weight:600}.checkout-footer{min-height:72px;padding:13px 20px;border-top:1px solid #edf0f3;display:flex;align-items:center;justify-content:flex-end;gap:9px}.secondary-button,.print-button,.save-sale-button{min-height:43px;padding:0 18px;border-radius:8px;font-weight:650;border:0}.secondary-button{background:#f1f5f9;color:#475569}.print-button{background:#eef2ff;color:#4338ca}.save-sale-button{background:#111827;color:#fff;min-width:150px}.save-sale-button:disabled{opacity:.55;cursor:not-allowed}.customer-modal{width:min(560px,100%);max-height:85vh;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.customer-search{margin:16px;height:44px;border:1px solid #dce2e8;border-radius:8px;outline:0;padding:0 12px}.customer-list{overflow-y:auto;padding:0 16px;min-height:200px;max-height:420px}.customer-row{width:100%;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:11px 4px;display:flex;align-items:center;text-align:left;gap:11px}.customer-row:hover{background:#f8fafc}.customer-avatar{width:38px;height:38px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-weight:700;color:#475569}.customer-info strong{display:block;font-size:13px}.customer-info span{display:block;margin-top:3px;color:#94a3b8;font-size:11px}.customer-arrow{color:#94a3b8}.empty-customers{padding:50px 20px;text-align:center;color:#94a3b8;font-size:13px}.customer-footer{padding:13px 16px;border-top:1px solid #edf0f3;display:flex;justify-content:flex-end;gap:8px}.add-customer-button{min-height:40px;border:0;border-radius:8px;padding:0 15px;background:#111827;color:#fff;font-weight:600;font-size:12px}@media(max-width:1100px){.counter-main{grid-template-columns:minmax(0,1fr) 380px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}@media(max-width:850px){.counter-main{grid-template-columns:1fr}.cart-section{min-height:600px}.product-grid{max-height:none}.counter-toolbar{flex-direction:column;align-items:stretch}.barcode-section,.wholesale-button{width:100%}}@media(max-width:650px){.counter-header{padding:0 12px}.header-right{display:none}.counter-toolbar,.counter-main{padding-left:10px;padding-right:10px}.barcode-section{flex-direction:column}.barcode-form,.product-search-button{max-width:none;width:100%}.section-heading{flex-direction:column;align-items:stretch}.product-search-wrapper{width:100%}.checkout-content{grid-template-columns:1fr}.checkout-footer{flex-wrap:wrap}.checkout-footer button{flex:1}}@media print{body{background:#fff}.counter-header,.counter-toolbar,.products-section,.cart-section,.modal-overlay,.message{display:none!important}}.sales-chart-card{background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:24px;margin-bottom:20px}.refresh-btn{height:39px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:#3347b8;color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 5px 13px #3347b824;transition:background .2s ease,opacity .2s ease,transform .2s ease}.refresh-btn:hover:not(:disabled){background:#293ca4;transform:translateY(-1px)}.expenses-page{min-height:100vh;background:#f6f8fb;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.expenses-header{min-height:78px;padding:0 34px;background:#fff;border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.expenses-header-left{display:flex;align-items:center;gap:16px}.back-button{width:42px;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:23px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-button:hover{background:#f3f4f6;border-color:#d1d5db;transform:translate(-2px)}.expenses-header h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.3px;color:#111827}.expenses-header p{margin:4px 0 0;color:#8a94a6;font-size:13px}.refresh-button{height:42px;padding:0 16px;border:1px solid #e3e7ee;border-radius:10px;background:#fff;color:#374151;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-button:hover{border-color:#cdd4df;background:#f9fafb}.refresh-icon{font-size:19px}.expenses-content{width:min(1450px,calc(100% - 60px));margin:0 auto;padding:28px 0 50px}.expense-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.summary-card{background:#fff;border:1px solid #e8ecf2;border-radius:14px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0f172a08}.summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}.summary-icon.purple{background:#f0eafe;color:#7657d9}.summary-icon.blue{background:#e9f3ff;color:#2879d7}.summary-icon.green{background:#e8f8ef;color:#23945a}.summary-label{display:block;margin-bottom:5px;color:#8a94a6;font-size:12px;font-weight:500}.summary-card strong{display:block;color:#18212f;font-size:20px;font-weight:700}.add-expense-card{width:100%;border:1px solid #e4e8ef;border-radius:14px;background:#fff;padding:20px 22px;display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;margin-bottom:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.add-expense-card:hover{transform:translateY(-2px);border-color:#d4d9e2;box-shadow:0 8px 24px #0f172a12}.add-expense-icon{width:46px;height:46px;border-radius:11px;background:#eef1ff;color:#5b62d6;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:400}.add-expense-card h2{margin:0 0 4px;font-size:15px;font-weight:700;color:#202938}.add-expense-card p{margin:0;color:#929aaa;font-size:12px}.add-arrow{margin-left:auto;font-size:22px;color:#9aa3b2;transition:transform .2s ease}.filter-section{background:#fff;border:1px solid #e8ecf2;border-radius:14px;padding:20px;margin-bottom:18px}.section-title-row{margin-bottom:16px}.section-title-row h2,.section-heading h2{margin:0;color:#1d2634;font-size:16px;font-weight:700}.section-title-row p,.section-heading p{margin:5px 0 0;color:#929aaa;font-size:12px}.filters-wrapper{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.filter-button{height:38px;padding:0 15px;flex-shrink:0;border:1px solid #e1e5eb;border-radius:9px;background:#fff;color:#697386;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#f7f8fa;border-color:#d5dae2;color:#343d4b}.filter-button.active{background:#4f46c5;border-color:#4f46c5;color:#fff;box-shadow:0 4px 10px #4f46c533}.sync-warning{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:18px;border:1px solid #f4dca1;border-radius:10px;background:#fff9e9;color:#876818;font-size:12px;font-weight:500}.sync-warning-icon{font-size:17px;animation:spin 1.5s linear infinite}.expenses-list-section{background:#fff;border:1px solid #e8ecf2;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0f172a06}.section-heading{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.online-status{display:flex;align-items:center;gap:7px;color:#7c8798;font-size:11px;font-weight:600}.status-dot.online{background:#22a661;box-shadow:0 0 0 3px #22a6611a}.status-dot.offline{background:#dc3545}.expenses-table-wrapper{width:100%;overflow-x:auto}.expenses-table{width:100%;border-collapse:collapse;table-layout:fixed}.expenses-table th{padding:14px 18px;background:#fafbfc;border-bottom:1px solid #e8ecf2;color:#7b8595;font-size:11px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.35px}.expenses-table td{padding:16px 18px;border-bottom:1px solid #eef1f4;vertical-align:middle;color:#4b5563;font-size:13px}.expenses-table tbody tr{transition:background .15s ease}.expenses-table tbody tr:last-child td{border-bottom:0}.expenses-table th:nth-child(1),.expenses-table td:nth-child(1){width:32%}.expenses-table th:nth-child(2),.expenses-table td:nth-child(2){width:18%}.expenses-table th:nth-child(3),.expenses-table td:nth-child(3){width:18%}.expenses-table th:nth-child(4),.expenses-table td:nth-child(4){width:17%}.expenses-table th:nth-child(5),.expenses-table td:nth-child(5){width:15%}.expense-avatar{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#f0edff;color:#6658ca;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.expense-name-cell strong{display:block;max-width:260px;color:#26303f;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-name-cell span{display:block;margin-top:4px;color:#9aa3b1;font-size:11px}.date-cell{color:#687386;font-size:12px}.amount-cell{color:#1f2937;font-size:13px;font-weight:700}.sync-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:700}.sync-badge.synced{background:#eaf8f0;color:#228953}.sync-badge.pending{background:#fff6dd;color:#9b741a}.sync-badge.local{background:#eef1f5;color:#727d8d}.action-buttons{display:flex;align-items:center;gap:7px}.edit-button,.delete-button{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .18s ease}.edit-button{border:1px solid #dce8f7;background:#f2f7fd;color:#337dcc}.edit-button:hover{background:#e7f1fc;border-color:#c6ddf4}.delete-button{border:1px solid #f4dddd;background:#fff5f5;color:#dc4444}.delete-button:hover{background:#ffebeb;border-color:#efcaca}.empty-state{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;text-align:center}.empty-icon{width:64px;height:64px;border-radius:50%;background:#f0edff;color:#6b5bd2;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin-bottom:15px}.empty-state h3{margin:0;color:#293241;font-size:16px}.empty-state p{max-width:360px;margin:7px 0 18px;color:#969eab;font-size:12px;line-height:1.6}.empty-add-button{height:38px;padding:0 16px;border:0;border-radius:8px;background:#5147c7;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease}.empty-add-button:hover{background:#4338a8}.load-more-button{display:block;margin:18px auto;height:38px;padding:0 22px;border:1px solid #dfe4eb;border-radius:8px;background:#fff;color:#555f70;font-size:12px;font-weight:600;cursor:pointer}.load-more-button:hover{background:#f7f8fa}.expense-total-card{margin-top:18px;padding:20px 22px;border:1px solid #e5e9f0;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0f172a06}.expense-total-card span{display:block;margin-bottom:5px;color:#8b95a5;font-size:12px}.expense-total-card strong{display:block;color:#202938;font-size:21px;font-weight:750}.total-icon{width:44px;height:44px;border-radius:10px;background:#f0edff;color:#6155ca;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.report-button{width:100%;margin-top:14px;min-height:50px;border:0;border-radius:11px;background:#5147c7;color:#fff;padding:0 18px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.report-button:hover{background:#4439b2;transform:translateY(-1px);box-shadow:0 7px 18px #5147c733}.pdf-icon{width:28px;height:28px;border-radius:6px;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}.report-arrow{margin-left:auto;font-size:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a7a;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(430px,100%);background:#fff;border-radius:16px;padding:28px;text-align:center;box-shadow:0 25px 70px #0f172a33;animation:modalIn .2s ease}.modal-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.delete-modal-icon{background:#fff0f0;color:#dc3f3f}.upgrade-icon{background:#fff5dc;color:#d08a18}.modal h2{margin:0 0 8px;color:#1f2937;font-size:19px;font-weight:700}.modal p{margin:0 auto;max-width:340px;color:#8a94a4;font-size:12px;line-height:1.7}.modal-actions{margin-top:24px;display:flex;gap:10px}.modal-actions button{flex:1;height:42px;border-radius:9px;font-size:12px;font-weight:650;cursor:pointer}.modal-cancel{border:1px solid #e0e4ea;background:#fff;color:#5e6878}.modal-cancel:hover{background:#f7f8fa}.modal-delete{border:0;background:#dc4444;color:#fff}.modal-delete:hover{background:#c93535}.upgrade-button{border:0;background:#5147c7;color:#fff}.upgrade-button:hover{background:#4338a8}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#ffffffa6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#515b6c;font-size:12px;font-weight:600}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#5147c7;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:1100px){.expenses-content{width:min(100% - 35px,1450px)}.expense-summary-grid{grid-template-columns:repeat(2,1fr)}.expenses-table{min-width:900px}}@media(max-width:700px){.expenses-header{padding:0 16px}.expenses-header h1{font-size:18px}.expenses-header p{display:none}.refresh-button{width:42px;padding:0;justify-content:center}.refresh-button:not(.x){font-size:0}.refresh-icon{font-size:19px}.expenses-content{width:calc(100% - 24px);padding-top:18px}.expense-summary-grid{grid-template-columns:1fr}.summary-card{padding:16px}.add-expense-card{padding:17px}.filter-section,.section-heading{padding:16px}.expenses-table{min-width:850px}.expense-total-card{padding:17px}.modal{padding:23px}}@media(max-width:450px){.back-button{width:38px;height:38px}.expenses-header h1{font-size:16px}.add-expense-icon{width:40px;height:40px}.add-expense-card h2{font-size:14px}.filters-wrapper{margin-right:-5px}}.sales-page{min-height:100%;background:#f6f7fb;color:#172033}.sales-chart-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:24px;margin-bottom:20px}.sales-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sales-chart-header h2{margin:0;font-size:20px;font-weight:700;color:#1f2937}.sales-chart-header p{margin:5px 0 0;font-size:14px;color:#6b7280}.sales-chart-container{width:100%;height:320px}.receipt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:25px;background:#000000ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto}.receipt-modal-container{width:100%;max-width:470px;max-height:94vh;display:flex;flex-direction:column;position:relative;border-radius:14px;overflow:hidden;background:#f1f1f1;box-shadow:0 25px 70px #00000059}.receipt-modal-actions-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid #e5e5e5}.receipt-print-btn{border:none;background:#1f9d55;color:#fff;font-size:13px;font-weight:700;padding:9px 15px;border-radius:7px;cursor:pointer;transition:.2s ease}.receipt-print-btn:hover{transform:translateY(-1px);background:#188548}.receipt-close-btn{width:34px;height:34px;border:none;border-radius:50%;background:#f1f1f1;color:#333;font-size:23px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.receipt-close-btn:hover{background:#e4e4e4}.receipt-paper{width:100%;max-height:calc(94vh - 125px);overflow-y:auto;background:#fff;padding:25px 27px 30px;font-family:Montserrat,Arial,sans-serif;color:#111}.receipt-shop-header{text-align:center;padding-bottom:4px}.receipt-shop-header h1{margin:0;font-size:22px;font-weight:800;line-height:1.3;color:#111}.receipt-shop-header p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#333}.receipt-dashed-line{width:100%;margin:14px 0;border-top:1px dashed #777777}.receipt-bill-info{width:100%}.receipt-center-text{text-align:center;font-size:12px;line-height:1.8;color:#222}.receipt-center-text strong{font-weight:700}.receipt-date-time{display:flex;justify-content:space-between;gap:15px;margin-top:8px;font-size:11px;color:#333}.receipt-date-time span{flex:1}.receipt-date-time span:last-child{text-align:right}.receipt-items-header,.receipt-item-row{display:grid;grid-template-columns:minmax(0,2.2fr) .65fr .9fr 1fr;column-gap:8px;align-items:center}.receipt-items-header{font-size:11px;font-weight:800;padding:4px 0 7px;text-transform:uppercase;border-bottom:1px solid #222222}.receipt-items-header>div:not(:first-child),.receipt-item-row>div:not(:first-child){text-align:right}.receipt-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-item-row{min-height:31px;padding:7px 0;font-size:11px;border-bottom:1px dotted #cfcfcf}.receipt-item-row:last-child{border-bottom:none}.receipt-summary-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:28px;font-size:12px;color:#222}.receipt-summary-row span{font-weight:500}.receipt-summary-row strong{font-weight:700;text-align:right}.receipt-total-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:8px;border-top:1px solid #222222;font-size:14px;font-weight:800}.receipt-total-row strong{font-weight:800}.receipt-grand-total{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:7px;padding:11px 0;font-size:17px;font-weight:900;border-top:2px solid #111111;border-bottom:2px solid #111111}.receipt-grand-total span,.receipt-grand-total strong{font-weight:900}.receipt-thank-you{width:100%;margin-top:16px;text-align:center;font-size:12px;line-height:1.5;font-weight:600;color:#222}.receipt-bottom-actions{min-height:67px;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 15px;background:#fff;border-top:1px solid #e3e3e3}.receipt-close-main-btn,.receipt-delete-main-btn{border:none;padding:10px 18px;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s ease}.receipt-close-main-btn{background:#eee;color:#222}.receipt-close-main-btn:hover{background:#ddd}.receipt-delete-main-btn{background:#e53935;color:#fff}.receipt-delete-main-btn:hover{background:#c62828}.receipt-paper::-webkit-scrollbar{width:6px}.receipt-paper::-webkit-scrollbar-track{background:transparent}.receipt-paper::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:10px}@media(max-width:600px){.receipt-modal-overlay{padding:0;align-items:flex-start}.receipt-modal-container{max-width:100%;min-height:100vh;max-height:100vh;border-radius:0}.receipt-paper{max-height:calc(100vh - 125px);padding:22px 18px 28px}.receipt-shop-header h1{font-size:20px}.receipt-item-row,.receipt-items-header{column-gap:5px;font-size:10px}.receipt-summary-row{font-size:11px}.receipt-grand-total{font-size:15px}}@media print{body *{visibility:hidden!important}.receipt-paper,.receipt-paper *{visibility:visible!important}.receipt-paper{position:absolute;left:0;top:0;width:80mm;max-height:none;overflow:visible;padding:8mm;box-shadow:none}.receipt-modal-overlay{position:static;background:none;padding:0}.receipt-modal-container{max-width:none;box-shadow:none;border-radius:0}.receipt-modal-actions-top,.receipt-bottom-actions{display:none!important}}.counter-header{height:72px;background:#172033;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.header-left{display:flex;align-items:center;gap:14px}.back-button{width:42px;height:42px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:22px;transition:.2s}.back-button:hover{background:#f1f5f9}.counter-header h1{margin:0;font-size:21px;font-weight:700}.header-subtitle,.header-title{display:block;margin-top:2px;color:#fff;font-size:12px}.header-right{display:flex;align-items:center;gap:24px}.printer-status{background-color:#fff;display:flex;align-items:center;gap:8px;color:#16a34a;font-size:13px;font-weight:800}.status-dot{width:12px;height:12px;border-radius:50%;background:#22c55e}.sale-date-header{font-size:13px;color:#fff;font-weight:800}.refresh-btn{border:1px solid #e2e6ee;background:#fff;color:#394357;padding:10px 16px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;transition:.2s}.refresh-btn:hover{border-color:#c8ceda;background:#f9fafc}.sales-statistics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:22px}.sales-stat-card{min-height:105px;background:#fff;border:1px solid #e9ecf2;border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 7px #141e3206}.sales-stat-card span{display:block;color:#8991a1;font-size:12px;margin-bottom:7px}.sales-stat-card strong{display:block;font-size:18px;font-weight:750;color:#202a3d}.stat-icon{width:43px;height:43px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.sales-icon{background:#edf4ff;color:#3478db}.profit-icon{background:#edf9f2;color:#24a05a}.paid-icon{background:#ecfaf5;color:#15966a}.pending-icon{background:#fff6e8;color:#d88917}.quantity-icon{background:#f2edff;color:#7654ce}.sales-card{background:#fff;border:1px solid #e8ebf1;border-radius:15px;overflow:hidden;box-shadow:0 3px 12px #141e3206}.sales-toolbar{min-height:76px;padding:16px 20px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:16px}.sales-search{width:390px;height:42px;border:1px solid #e1e5ec;border-radius:9px;display:flex;align-items:center;padding:0 12px;background:#fafbfc}.sales-search>span{font-size:20px;color:#8b94a5;margin-right:8px}.sales-search input{flex:1;height:100%;border:0;outline:0;background:transparent;font-size:13px;color:#263044}.sales-search input::placeholder{color:#a1a8b5}.clear-search{border:0;background:transparent;color:#8991a0;cursor:pointer;font-size:20px}.sales-filter select{height:42px;min-width:155px;border:1px solid #e1e5ec;border-radius:9px;padding:0 12px;background:#fafbfc;color:#414b5e;outline:none;cursor:pointer;font-size:13px}.sales-table-wrapper{width:100%;overflow-x:auto}.sales-table{width:100%;min-width:1050px;border-collapse:collapse}.sales-table thead{background:#fafbfc}.sales-table th{height:45px;padding:0 16px;text-align:left;color:#8992a2;font-size:10px;font-weight:750;letter-spacing:.6px;border-bottom:1px solid #edf0f4;white-space:nowrap}.sales-table td{height:68px;padding:10px 16px;border-bottom:1px solid #f0f2f5;font-size:13px;color:#4a5365;white-space:nowrap}.sales-table tbody tr{transition:background .15s}.sales-table tbody tr:hover{background:#fafbfe}.sales-table tbody tr:last-child td{border-bottom:0}.date-cell strong{display:block;color:#30394b;font-size:12px;font-weight:650}.date-cell span{display:block;color:#9aa2b1;font-size:11px;margin-top:4px}.bill-number{color:#356fd1;font-weight:700;font-size:12px}.customer-cell{display:flex;align-items:center;gap:10px}.customer-avatar,.large-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef3ff;color:#5078c9;font-size:12px;font-weight:750}.customer-cell strong{display:block;color:#30394a;font-size:12px;font-weight:650}.customer-cell span{display:block;color:#9ba2b0;font-size:10px;margin-top:3px}.payment-cell strong{display:block;color:#394255;font-size:12px}.payment-cell span{display:block;color:#9ca3b1;font-size:10px;margin-top:3px}.total-price{color:#30394b;font-weight:700}.profit-price{color:#1c9b5b;font-weight:700}.status-badge{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:20px;font-size:10px;font-weight:700}.status-paid{background:#eaf8f0;color:#198754}.status-pending{background:#fff5e5;color:#c77b12}.action-buttons{display:flex;align-items:center;gap:6px}.view-btn{height:30px;border:1px solid #dfe4ec;border-radius:7px;background:#fff;color:#506078;padding:0 10px;font-size:11px;font-weight:650;cursor:pointer}.view-btn:hover{background:#f4f7fb}.delete-btn{width:30px;height:30px;border:1px solid #f0dede;border-radius:7px;background:#fff7f7;color:#d45a5a;font-size:17px;cursor:pointer}.delete-btn:hover{background:#ffecec}.table-message{height:250px!important;text-align:center!important;vertical-align:middle;color:#8992a2!important}.table-message strong,.table-message span{display:block}.table-message strong{color:#515b6c;font-size:13px;margin-top:10px}.table-message span{color:#9ba3b1;font-size:11px;margin-top:5px}.empty-icon{width:45px;height:45px;margin:auto;border-radius:12px;background:#f2f4f8;color:#9ba3b1;display:flex;align-items:center;justify-content:center;font-weight:800}.loader{width:26px;height:26px;margin:auto;border:3px solid #e8ebf0;border-top-color:#477dd1;border-radius:50%;animation:spin .8s linear infinite}.sales-footer{min-height:52px;padding:0 20px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;color:#8c95a4;font-size:11px}.sales-footer strong{color:#424b5d}.sale-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#10182873;display:flex;align-items:center;justify-content:center;padding:20px}.sale-modal{width:550px;max-width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026}.modal-header{padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f4}.modal-header span{font-size:9px;font-weight:750;color:#929aaa;letter-spacing:1px}.modal-header h2{margin:5px 0 0;font-size:21px;color:#252e40}.modal-header button{width:32px;height:32px;border:0;border-radius:8px;background:#f4f5f7;color:#626b7b;font-size:20px;cursor:pointer}.modal-customer{margin:20px 22px;padding:14px;background:#f8f9fb;border-radius:10px;display:flex;align-items:center;gap:12px}.large-avatar{width:42px;height:42px}.modal-customer strong{display:block;color:#30394b;font-size:13px}.modal-customer span{display:block;color:#9199a8;font-size:11px;margin-top:4px}.sale-details-grid{margin:0 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#edf0f4;border:1px solid #edf0f4;border-radius:9px;overflow:hidden}.sale-details-grid>div{padding:13px;background:#fff}.sale-details-grid span{display:block;color:#929aaa;font-size:10px;margin-bottom:5px}.sale-details-grid strong{color:#3b4557;font-size:12px}.modal-items{padding:20px 22px}.modal-items h3{margin:0 0 12px;font-size:13px;color:#333d4e}.modal-item{padding:11px 0;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;justify-content:space-between}.modal-item:last-child{border-bottom:0}.modal-item strong{display:block;color:#414a5a;font-size:12px}.modal-item span{display:block;color:#929aaa;font-size:10px;margin-top:4px}.modal-totals{margin:0 22px;padding:15px;border-radius:10px;background:#f8f9fb}.modal-totals>div{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.modal-totals span{color:#7f8898;font-size:11px}.modal-totals strong{color:#3b4556;font-size:12px}.modal-profit{margin-top:7px;padding-top:12px!important;border-top:1px solid #e5e8ed}.modal-profit strong{color:#199358}.modal-actions{padding:20px 22px;display:flex;justify-content:flex-end;gap:8px}.modal-close-btn,.modal-delete-btn{height:38px;padding:0 16px;border-radius:8px;font-size:12px;font-weight:650;cursor:pointer}.modal-close-btn{border:1px solid #dfe3ea;background:#fff;color:#566073}.modal-delete-btn{border:1px solid #f0d5d5;background:#fff5f5;color:#ce5b5b}@media(max-width:1200px){.sales-statistics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.sales-page{padding:18px}.sales-page-header{align-items:flex-start}.sales-statistics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-toolbar{align-items:stretch;flex-direction:column}.sales-search,.sales-filter select{width:100%}}@media(max-width:500px){.sales-statistics{grid-template-columns:1fr}.sales-page-header h1{font-size:23px}.sales-footer{gap:8px;flex-direction:column;align-items:flex-start;padding:12px 18px}.sale-details-grid{grid-template-columns:1fr}}.manual-profits-page{min-height:100vh;background:#f5f7fb;color:#20283a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.manual-profits-header{min-height:92px;padding:20px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #e8ebf2;box-shadow:0 3px 16px #19233a0a}.manual-profits-header-left{display:flex;align-items:center;gap:16px}.manual-profits-header h1{margin:0;font-size:25px;line-height:1.2;font-weight:800;letter-spacing:-.5px;color:#20283a}.manual-profits-header p{margin:6px 0 0;color:#8a94a7;font-size:13px}.back-button,.refresh-button{border:none;cursor:pointer;font-family:inherit}.back-button{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f3f8;color:#343c51;font-size:25px;transition:.2s ease}.back-button:hover{background:#e8ebf3;transform:translate(-2px)}.refresh-button{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;background:#5b5ce2;color:#fff;font-size:13px;font-weight:700;box-shadow:0 6px 16px #5b5ce22e;transition:.2s ease}.refresh-button:hover:not(:disabled){transform:translateY(-1px);background:#4f50d4}.refresh-button:disabled{opacity:.65;cursor:not-allowed}.refresh-icon{font-size:19px;line-height:1}.refresh-icon.spinning{animation:spin .8s linear infinite}.manual-profits-content{width:min(1420px,calc(100% - 48px));margin:0 auto;padding:30px 0 50px}.profit-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.summary-card{min-height:92px;padding:18px 20px;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e7ebf2;border-radius:15px;box-shadow:0 5px 18px #232b430b}.summary-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.summary-icon.green{background:#eaf9f0;color:#258451}.summary-label{display:block;margin-bottom:5px;color:#8993a6;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.summary-card strong{color:#20283a;font-size:20px;font-weight:800}.add-profit-card{width:100%;min-height:88px;margin-bottom:22px;padding:17px 22px;border:1px solid #dddffc;border-radius:16px;background:linear-gradient(135deg,#fafaff,#fff 60%,#f8f7ff);display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;color:inherit;box-shadow:0 5px 18px #5b5ce20e;transition:.22s ease}.add-profit-card:hover{transform:translateY(-2px);border-color:#c9c8fa;box-shadow:0 10px 25px #5b5ce21c}.add-profit-icon{width:49px;height:49px;flex:0 0 49px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#6255d9;color:#fff;font-size:28px;font-weight:400;box-shadow:0 7px 16px #6255d933}.add-profit-card h2{margin:0;color:#252d40;font-size:16px;font-weight:800}.add-profit-card p{margin:5px 0 0;color:#8c95a6;font-size:12px}.add-arrow{margin-left:auto;color:#6255d9;font-size:25px;font-weight:500}.filter-section{margin-bottom:24px;padding:21px;background:#fff;border:1px solid #e7ebf2;border-radius:16px;box-shadow:0 5px 18px #232b430a}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title-row h2{margin:0;color:#252d40;font-size:17px;font-weight:800}.section-title-row p{margin:5px 0 0;color:#8b94a6;font-size:12px}.filters-wrapper{display:flex;flex-wrap:wrap;gap:8px}.filter-button{padding:9px 14px;border:1px solid #e1e5ed;border-radius:9px;background:#f8f9fb;color:#697386;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.filter-button:hover{background:#f0efff;border-color:#d5d2fb;color:#5d51d2}.filter-button.active{background:#6255d9;border-color:#6255d9;color:#fff;box-shadow:0 5px 12px #6255d929}.profits-list-section{padding:22px;background:#fff;border:1px solid #e7ebf2;border-radius:16px;box-shadow:0 5px 18px #232b430a}.section-heading{margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h2{margin:0;color:#252d40;font-size:18px;font-weight:800}.section-heading p{margin:5px 0 0;color:#8b94a6;font-size:12px}.online-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e5e9ef;border-radius:9px;background:#fafbfc;color:#697386;font-size:11px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#29a35a;box-shadow:0 0 0 3px #29a35a1a}.profits-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e5e9ef;border-radius:14px}.profits-table{width:100%;min-width:760px;border-collapse:collapse}.profits-table th{padding:14px 16px;background:linear-gradient(135deg,#343a68,#484d87);color:#fff;text-align:left;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.profits-table th:nth-child(1){width:40%}.profits-table th:nth-child(2){width:22%}.profits-table th:nth-child(3){width:23%}.profits-table th:nth-child(4){width:15%;text-align:center}.profits-table td{padding:15px 16px;border-bottom:1px solid #edf0f5;color:#3d4659;font-size:12px;vertical-align:middle}.profits-table tbody tr:nth-child(2n){background:#fafbfc}.profits-table tbody tr:hover{background:#f7f7ff}.profits-table tbody tr:last-child td{border-bottom:none}.profit-name-cell{display:flex;align-items:center;gap:12px}.profit-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f0efff;color:#6255d9;font-size:15px;font-weight:800}.profit-name-cell strong{display:block;color:#293246;font-size:13px;font-weight:800}.profit-name-cell span{display:block;margin-top:3px;color:#9aa3b3;font-size:10px}.date-cell{color:#505a6d;font-size:12px;font-weight:600}.amount-cell{font-size:13px}.profit-amount{color:#23824c}.action-buttons{display:flex;justify-content:center;gap:8px}.edit-button,.delete-button{width:34px;height:34px;border:none;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:.2s ease}.delete-button{background:#fff0f1;color:#e14955}.delete-button:hover{background:#ffe0e3;transform:translateY(-1px)}.load-more-button{width:100%;min-height:43px;margin-top:16px;border:1px solid #dfe3eb;border-radius:10px;background:#f8f9fb;color:#5f697c;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.load-more-button:hover{background:#f0efff;color:#5f51d2;border-color:#d4d1fb}.empty-state{min-height:300px;padding:45px 20px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;border:1px dashed #dce1e9;border-radius:14px;background:#fafbfc}.empty-icon{width:62px;height:62px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#f0efff;color:#6255d9;font-size:27px;font-weight:800}.empty-state h3{margin:0;color:#30394d;font-size:17px;font-weight:800}.empty-state p{max-width:390px;margin:7px 0 18px;color:#8d96a8;font-size:12px}.empty-add-button{padding:10px 16px;border:none;border-radius:9px;background:#6255d9;color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.profit-total-card{min-height:94px;margin-top:20px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:linear-gradient(135deg,#5b5ce2,#7048e8);color:#fff;box-shadow:0 10px 24px #5b5ce22e}.profit-total-card span{display:block;margin-bottom:5px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.76}.profit-total-card strong{font-size:24px;font-weight:900}.total-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.2);font-size:20px;font-weight:800}.report-button{width:100%;min-height:62px;margin-top:14px;padding:0 20px;display:flex;align-items:center;gap:13px;border:1px solid #dddffc;border-radius:14px;background:#fff;color:#30394d;font-family:inherit;cursor:pointer;font-size:13px;font-weight:800;box-shadow:0 5px 16px #232b430a;transition:.2s ease}.report-button:hover{transform:translateY(-1px);border-color:#c9c7f8;box-shadow:0 9px 22px #5b5ce214}.pdf-icon{width:39px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff0f1;color:#dc3f4a;font-size:10px;font-weight:900}.report-arrow{margin-left:auto;color:#6255d9;font-size:22px}.modal-overlay{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#151b2b85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(430px,100%);padding:30px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 25px 70px #0f142338;animation:modalIn .2s ease}.modal-icon{width:54px;height:54px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:24px;font-weight:900}.delete-modal-icon{background:#fff0f1;color:#df4651}.modal h2{margin:0;color:#252d40;font-size:20px;font-weight:800}.modal p{margin:9px auto 23px;max-width:340px;color:#7e8799;font-size:13px;line-height:1.6}.modal-actions{display:flex;gap:10px}.modal-actions button{flex:1;min-height:43px;border:none;border-radius:10px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.modal-cancel{background:#f1f3f7;color:#606a7d}.modal-delete{background:#df4651;color:#fff}.loading-overlay{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#596377;font-size:12px;font-weight:700}.loading-spinner{width:38px;height:38px;border:3px solid #e3e5f7;border-top-color:#6255d9;border-radius:50%;animation:spin .75s linear infinite}@media(max-width:900px){.profit-summary-grid{grid-template-columns:1fr 1fr}.profit-summary-grid .summary-card:last-child{grid-column:1 / -1}.manual-profits-header{padding:18px 22px}.manual-profits-content{width:min(100% - 30px,1420px)}}@media(max-width:640px){.manual-profits-header{align-items:flex-start}.manual-profits-header h1{font-size:19px}.manual-profits-header p{font-size:11px}.refresh-button{padding:0 12px;font-size:11px}.manual-profits-content{width:calc(100% - 20px);padding-top:20px}.profit-summary-grid{grid-template-columns:1fr}.profit-summary-grid .summary-card:last-child{grid-column:auto}.filter-section,.profits-list-section{padding:15px}.filters-wrapper{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.filter-button{white-space:nowrap}.section-heading{align-items:flex-start}.online-status{display:none}.profit-total-card{padding:18px}.profit-total-card strong{font-size:20px}.total-icon{width:44px;height:44px}}.customers-page{width:100%;min-height:100%;padding:30px;box-sizing:border-box;background:#f6f8fb;color:#172033;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customers-page *,.customers-page *:before,.customers-page *:after{box-sizing:border-box}.customers-page button,.customers-page input{font-family:inherit}.customers-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.customers-heading{min-width:0}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#8993a6;font-size:12px;font-weight:550}.breadcrumb b{color:#c5cbd5;font-weight:500}.customers-header h1{margin:0;color:#172033;font-size:30px;line-height:1.15;font-weight:750;letter-spacing:-.8px}.customers-header p{max-width:650px;margin:9px 0 0;color:#7c879b;font-size:13px;line-height:1.55}.add-customer-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;height:44px;padding:0 19px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer;box-shadow:0 7px 18px #2563eb2e;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.add-customer-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 24px #2563eb3d}.add-customer-btn:active{transform:translateY(0)}.plus-icon{font-size:20px;line-height:1}.customer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}.stat-card{display:flex;align-items:center;min-width:0;min-height:91px;gap:14px;padding:18px;border:1px solid #e7ebf1;border-radius:13px;background:#fff;box-shadow:0 3px 12px #0f172a09;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a0f}.stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:11px;font-size:19px;font-weight:700}.customers-icon{background:#eef4ff;color:#2563eb}.active-icon{background:#ecfdf5;color:#059669}.phone-icon{background:#f5f3ff;color:#7c3aed}.missing-icon{background:#fff7ed;color:#ea580c}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-label{margin-bottom:5px;color:#8992a4;font-size:11px;font-weight:550;white-space:nowrap}.stat-content strong{color:#172033;font-size:23px;line-height:1;font-weight:750}.customers-card{width:100%;overflow:hidden;border:1px solid #e6eaf0;border-radius:15px;background:#fff;box-shadow:0 4px 22px #0f172a0a}.customers-card-header{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:20px;padding:22px;border-bottom:1px solid #edf0f4}.card-title{min-width:0}.card-title h2{margin:0 0 5px;color:#1b2537;font-size:16px;font-weight:700}.card-title p{margin:0;color:#8b94a5;font-size:11px}.customer-tools{display:flex;align-items:center;gap:9px;flex-shrink:0}.customer-search{position:relative;display:flex;align-items:center;width:273px;height:40px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.customer-search:focus-within{border-color:#8db2fa;box-shadow:0 0 0 3px #2563eb12}.search-icon{flex-shrink:0;margin-left:12px;color:#9aa4b4;font-size:19px;line-height:1}.customer-search input{width:100%;height:100%;padding:0 35px 0 9px;border:0;outline:0;background:transparent;color:#263246;font-size:12px}.customer-search input::placeholder{color:#9aa3b2}.clear-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;padding:0;border:0;border-radius:50%;background:#f0f2f5;color:#697386;font-size:16px;cursor:pointer}.clear-search:hover{background:#e7eaf0}.refresh-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid #dfe5ed;border-radius:8px;background:#fff;color:#5d687b;font-size:20px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.refresh-btn:hover{border-color:#cbd5e1;background:#f8fafc;color:#2563eb}.refresh-btn:disabled{cursor:not-allowed;opacity:.55}.refresh-btn.refreshing{animation:spin .8s linear infinite}.customers-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden}.customers-table{width:100%;min-width:900px;margin:0;table-layout:fixed;border:0;border-collapse:collapse;border-spacing:0;background:#fff}.customers-table thead{display:table-header-group;width:100%;background:#fafbfc}.customers-table tbody{display:table-row-group;width:100%}.customers-table tr{display:table-row;width:100%}.customers-table th,.customers-table td{display:table-cell}.customers-table .column-customer{width:35%}.customers-table .column-phone{width:20%}.customers-table .column-date{width:17%}.customers-table .column-status{width:13%}.customers-table .column-actions{width:15%}.customers-table th{height:43px;padding:0 22px;border:0;border-bottom:1px solid #e9edf2;color:#8791a3;font-size:10px;font-weight:700;letter-spacing:.65px;line-height:1;text-align:left;vertical-align:middle;white-space:nowrap}.customers-table th.actions-heading{text-align:right}.customers-table tbody tr{height:72px;cursor:pointer;transition:background .16s ease}.customers-table tbody tr:hover{background:#fafcff}.customers-table td{height:72px;padding:12px 22px;border:0;border-bottom:1px solid #f0f2f5;vertical-align:middle;text-align:left}.customers-table tbody tr:last-child td{border-bottom:0}.customer-cell{overflow:hidden}.customer-info{display:flex;align-items:center;width:100%;gap:11px;min-width:0}.customer-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#eef4ff;color:#2563eb;font-size:12px;font-weight:750}.customer-name-wrapper{display:flex;flex-direction:column;min-width:0;gap:3px}.customer-name-wrapper strong{display:block;width:100%;overflow:hidden;color:#263145;font-size:13px;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.customer-name-wrapper span{display:block;width:100%;overflow:hidden;color:#9aa3b2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.phone-cell{overflow:hidden}.phone-number{display:block;width:100%;overflow:hidden;color:#4c586b;font-size:12px;font-weight:500;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.date-cell{white-space:nowrap}.date-text{display:inline-block;color:#687387;font-size:12px;font-weight:500;white-space:nowrap}.status-cell{white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:650;white-space:nowrap}.status-badge.active{background:#eafaf4;color:#047857}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.actions-cell{text-align:right!important;white-space:nowrap}.customer-actions{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:6px}.action-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border-radius:7px;background:#fff;font-size:14px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.action-btn:hover{transform:translateY(-1px)}.ledger-btn{border:1px solid #e0e6ed;color:#64748b}.ledger-btn:hover{border-color:#cbd5e1;background:#f8fafc;color:#2563eb}.edit-btn{border:1px solid #e0e6ed;color:#64748b}.edit-btn:hover{border-color:#c7d7ff;background:#eef4ff;color:#2563eb}.delete-btn{border:1px solid #fee0e0;color:#ef4444}.delete-btn:hover{border-color:#fecaca;background:#fff1f2;color:#dc2626}.customers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:13px;color:#8a93a4;font-size:12px}.spinner{width:28px;height:28px;border:3px solid #e7ebf1;border-top-color:#2563eb;border-radius:50%;animation:spin .75s linear infinite}.empty-customers{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;padding:40px 20px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:15px;border-radius:15px;background:#f1f5f9;font-size:23px}.empty-customers h3{margin:0 0 6px;color:#273247;font-size:15px;font-weight:700}.empty-customers p{max-width:340px;margin:0 0 18px;color:#8a93a3;font-size:12px;line-height:1.5}.empty-add-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:12px;font-weight:650;cursor:pointer}.empty-add-btn:hover{background:#1d4ed8}.customers-footer{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 22px;border-top:1px solid #edf0f4;color:#8a93a3;font-size:11px}.customers-footer strong{color:#4b5567;font-weight:650}.load-more-btn{display:inline-flex;align-items:center;gap:7px;height:33px;padding:0 12px;border:1px solid #e1e6ed;border-radius:7px;background:#fff;color:#4d586b;font-size:11px;font-weight:600;cursor:pointer}.load-more-btn:hover{border-color:#cbd5e1;background:#f8fafc;color:#2563eb}.modal-overlay{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .18s ease}.delete-modal{width:min(420px,100%);padding:28px;border-radius:15px;background:#fff;box-shadow:0 25px 70px #0f172a33;text-align:center;animation:modalIn .2s ease}.delete-modal-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 16px;border-radius:50%;background:#fff1f2;color:#dc2626;font-size:22px;font-weight:750}.delete-modal h2{margin:0 0 8px;color:#1f2937;font-size:18px;font-weight:750}.delete-modal p{margin:0 auto 24px;color:#7b8495;font-size:12px;line-height:1.6}.delete-modal p strong{color:#3b4557}.modal-actions{display:flex;justify-content:center;gap:9px}.cancel-modal-btn,.confirm-delete-btn{height:40px;padding:0 16px;border-radius:8px;font-size:12px;font-weight:650;cursor:pointer}.cancel-modal-btn{border:1px solid #e1e6ed;background:#fff;color:#596579}.cancel-modal-btn:hover{background:#f8fafc;border-color:#cbd5e1}.confirm-delete-btn{border:1px solid #dc2626;background:#dc2626;color:#fff}.confirm-delete-btn:hover{background:#b91c1c}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1100px){.customer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-table{min-width:900px}}@media(max-width:800px){.customers-page{padding:20px}.customers-header{align-items:flex-start;flex-direction:column;gap:18px}.add-customer-btn{width:100%}.customers-card-header{align-items:flex-start;flex-direction:column;min-height:auto;padding:18px}.customer-tools{width:100%}.customer-search{flex:1;width:auto}.customers-table{min-width:900px}}@media(max-width:600px){.customers-page{padding:14px}.customers-header h1{font-size:25px}.customers-header p{font-size:12px}.customer-stats{grid-template-columns:1fr;gap:10px}.stat-card{min-height:82px;padding:16px}.customers-card-header{padding:16px}.customer-tools,.customer-search{width:100%}.customers-table{min-width:900px}.customers-table th,.customers-table td{padding-left:16px;padding-right:16px}.customers-footer{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 16px}.load-more-btn{width:100%;justify-content:center}.delete-modal{padding:24px 18px}.modal-actions{flex-direction:column-reverse}.cancel-modal-btn,.confirm-delete-btn{width:100%}}.product-category-page{min-height:100vh;background:#f6f7fb;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;padding-bottom:50px}.product-category-header{background:linear-gradient(135deg,#fff,#faf9ff);border-bottom:1px solid #e9eaf0;padding:24px 34px}.product-category-header-content{max-width:1350px;margin:0 auto}.product-category-breadcrumb{display:flex;align-items:center;gap:17px}.product-category-back-btn{width:44px;height:44px;border-radius:13px;border:1px solid #e4e5eb;background:#fff;color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.product-category-back-btn:hover{color:#6d45d8;border-color:#d9cdf9;background:#f7f3ff;transform:translate(-2px)}.product-category-breadcrumb-text{display:flex;align-items:center;gap:9px;color:#8a8f9d;font-size:13px;font-weight:500;margin-bottom:5px}.product-category-breadcrumb-text span{color:#c5c7cf}.product-category-title{margin:0;font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-.6px;color:#20222b}.product-category-subtitle{margin:7px 0 0;color:#7c818e;font-size:14px;line-height:1.5}.product-category-content{max-width:1350px;margin:0 auto;padding:32px 34px}.product-category-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(500px,1.45fr);gap:24px;align-items:start}.product-category-info-card{background:#fff;border:1px solid #e8e9ef;border-radius:20px;padding:28px;box-shadow:0 4px 20px #191b2309,0 1px 3px #191b2306}.product-category-info-icon{width:58px;height:58px;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#6941d9;background:linear-gradient(135deg,#f1eaff,#e8defd);margin-bottom:20px}.product-category-info-card h2{margin:0 0 9px;color:#22242d;font-size:20px;font-weight:720}.product-category-info-card>p{margin:0;color:#7c818e;font-size:14px;line-height:1.65}.product-category-benefits{margin-top:27px;padding-top:22px;border-top:1px solid #eeeeF2;display:flex;flex-direction:column;gap:19px}.product-category-benefit{display:flex;align-items:flex-start;gap:13px}.benefit-icon{width:31px;height:31px;min-width:31px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.benefit-icon.purple{background:#f0eaff;color:#6c42d9}.benefit-icon.green{background:#e7f8ef;color:#19965b}.benefit-icon.orange{background:#fff1df;color:#e58216}.product-category-benefit strong{display:block;color:#363945;font-size:13px;font-weight:700;margin-bottom:3px}.product-category-benefit span{display:block;color:#9296a1;font-size:12px;line-height:1.45}.product-category-form-card{background:#fff;border:1px solid #e8e9ef;border-radius:20px;box-shadow:0 4px 20px #191b2309,0 1px 3px #191b2306;overflow:hidden}.product-category-form-header{padding:26px 29px;border-bottom:1px solid #eeeeF2;display:flex;align-items:center;justify-content:space-between;gap:20px}.product-category-form-header h2{margin:0;font-size:19px;font-weight:720;color:#252731}.product-category-form-header p{margin:6px 0 0;font-size:13px;color:#90949f}.product-category-form-badge{padding:7px 11px;border-radius:9px;background:#f0eaff;color:#6740d2;font-size:10px;font-weight:800;letter-spacing:.7px}.product-category-form{padding:29px}.product-category-field{margin-bottom:26px}.product-category-field label{display:block;margin-bottom:9px;color:#343741;font-size:13px;font-weight:700}.product-category-field label span{color:#ef4444;margin-left:3px}.product-category-input-wrapper{width:100%;height:56px;display:flex;align-items:center;border:1px solid #dedfe6;background:#fff;border-radius:13px;overflow:hidden;transition:all .2s ease}.product-category-input-wrapper:focus-within{border-color:#8762e8;box-shadow:0 0 0 4px #7348da17}.product-category-input-icon{width:52px;height:100%;display:flex;align-items:center;justify-content:center;color:#9a9da7;flex-shrink:0}.product-category-input-wrapper:focus-within .product-category-input-icon{color:#7045d7}.product-category-input-wrapper input{flex:1;height:100%;min-width:0;border:none;outline:none;background:transparent;color:#292b34;font-size:14px;font-family:inherit;font-weight:500;padding:0 8px 0 0}.product-category-input-wrapper input::placeholder{color:#b0b3bc;font-weight:400}.product-category-input-wrapper input:disabled{cursor:not-allowed;opacity:.65}.product-category-character-count{padding:0 17px;color:#a1a4ad;font-size:11px;font-weight:500;white-space:nowrap}.product-category-field-hint{margin:8px 2px 0;color:#9a9da7;font-size:11px}.product-category-alert{margin:0 29px 24px;padding:13px 14px;border-radius:12px;display:flex;align-items:center;gap:11px;position:relative}.product-category-alert .alert-icon{width:29px;height:29px;min-width:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.product-category-alert>div:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.product-category-alert strong{font-size:12px}.product-category-alert span{font-size:12px;line-height:1.4}.product-category-alert button{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:20px;color:inherit;opacity:.55;padding:3px}.product-category-alert.error{background:#fff2f2;border:1px solid #ffdcdc;color:#bd3838}.product-category-alert.error .alert-icon{background:#ffdede;color:#c63737}.product-category-alert.success{background:#ecfaf2;border:1px solid #d5f2e1;color:#188653}.product-category-alert.success .alert-icon{background:#d5f3e2;color:#178451}.product-category-form-actions{padding-top:5px;border-top:1px solid #eeeeF2;display:flex;align-items:center;justify-content:flex-end;gap:11px}.product-category-cancel-btn,.product-category-save-btn{height:46px;border-radius:11px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.product-category-cancel-btn{border:1px solid #dedfe5;background:#fff;color:#686d78}.product-category-cancel-btn:hover{border-color:#c9cbd3;background:#f8f8fa;color:#3e424d}.product-category-save-btn{min-width:160px;border:1px solid #6d45d7;background:linear-gradient(135deg,#754bdc,#6338c7);color:#fff;box-shadow:0 5px 14px #6941d333}.product-category-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #6941d342}.product-category-save-btn:active:not(:disabled){transform:translateY(0)}.product-category-save-btn:disabled,.product-category-cancel-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.product-category-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:productCategorySpin .7s linear infinite}.product-category-large-spinner{width:42px;height:42px;border:4px solid #ece7fa;border-top-color:#7045d7;border-radius:50%;animation:productCategorySpin .75s linear infinite}@keyframes productCategorySpin{to{transform:rotate(360deg)}}.product-category-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#f7f8fbbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.product-category-loading-box{min-width:210px;background:#fff;border:1px solid #e7e8ed;border-radius:18px;padding:28px 34px;display:flex;flex-direction:column;align-items:center;box-shadow:0 15px 45px #14161e1f}.product-category-loading-box h3{margin:17px 0 3px;color:#292b34;font-size:15px;font-weight:700}.product-category-loading-box p{margin:0;color:#9699a3;font-size:12px}@media(max-width:1050px){.product-category-layout{grid-template-columns:1fr}.product-category-info-card{order:2}.product-category-form-card{order:1}}@media(max-width:700px){.product-category-header{padding:20px 18px}.product-category-content{padding:22px 18px 40px}.product-category-title{font-size:23px}.product-category-subtitle{font-size:13px}.product-category-breadcrumb-text{font-size:11px}.product-category-back-btn{width:40px;height:40px}.product-category-info-card,.product-category-form-card{border-radius:16px}.product-category-info-card,.product-category-form-header,.product-category-form{padding:22px}.product-category-alert{margin-left:22px;margin-right:22px}.product-category-form-actions{flex-direction:column-reverse;align-items:stretch}.product-category-cancel-btn,.product-category-save-btn{width:100%}}@media(max-width:450px){.product-category-header{padding:17px 14px}.product-category-content{padding:18px 14px 30px}.product-category-breadcrumb{gap:11px}.product-category-title{font-size:21px}.product-category-breadcrumb-text{gap:5px;font-size:10px}.product-category-subtitle{margin-top:5px;font-size:12px}.product-category-input-wrapper{height:52px}.product-category-character-count{padding-right:12px;font-size:10px}.product-category-input-icon{width:45px}}.expenses-page{min-height:100vh;background:#f6f8fc;color:#20283a}.expenses-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;background:#fff;border-bottom:1px solid #e9edf5}.expenses-header-left{display:flex;align-items:center;gap:15px}.expenses-header-left h1{margin:0;font-size:25px;font-weight:800;color:#20283a;letter-spacing:-.5px}.expenses-header-left p{margin:5px 0 0;color:#8a94a7;font-size:13px}.back-button{width:42px;height:42px;border:none;border-radius:12px;background:#f1f3f8;color:#3f485c;font-size:23px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.back-button:hover{background:#e7e9f1;transform:translate(-2px)}.refresh-button{border:1px solid #e2e6ef;background:#fff;color:#343b4f;height:42px;padding:0 17px;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s ease}.refresh-button:hover{background:#f6f7fb;border-color:#d7dce7}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{font-size:19px;display:inline-flex}.spinning{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expenses-content{max-width:1250px;margin:0 auto;padding:30px 25px 50px}.expense-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.summary-card{background:#fff;border:1px solid #e7ebf2;border-radius:16px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 16px #232b430a}.summary-icon{width:47px;height:47px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900}.summary-icon.purple{background:#f0efff;color:#6255d9}.summary-icon.blue{background:#edf7ff;color:#2778c9}.summary-icon.green{background:#edf9f2;color:#22945c}.summary-label{display:block;color:#8a94a7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.summary-card strong{display:block;margin-top:5px;font-size:20px;color:#20283a}.add-expense-card{width:100%;border:1px solid #e5e8f0;background:#fff;border-radius:17px;padding:20px 22px;display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;margin-bottom:25px;transition:all .22s ease;box-shadow:0 4px 15px #232b430a}.add-expense-card:hover{transform:translateY(-2px);border-color:#cfd3ff;box-shadow:0 8px 25px #4641b417}.add-expense-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#5b5ce2,#7048e8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:500}.add-expense-card h2{margin:0;font-size:15px;font-weight:800;color:#20283a}.add-expense-card p{margin:4px 0 0;color:#8a94a7;font-size:11px}.add-arrow{margin-left:auto;font-size:24px;color:#6255d9;transition:.2s ease}.add-expense-card:hover .add-arrow{transform:translate(4px)}.filter-section{background:#fff;border:1px solid #e7ebf2;border-radius:17px;padding:22px;margin-bottom:25px;box-shadow:0 4px 15px #232b4308}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title-row h2{margin:0;font-size:16px;font-weight:800;color:#20283a}.section-title-row p{margin:4px 0 0;color:#8a94a7;font-size:11px}.category-search-wrapper{position:relative}.category-search-input{width:100%;height:46px;padding:0 45px 0 15px;border:1px solid #dfe4ed;border-radius:11px;background:#fafbfc;color:#20283a;outline:none;font-size:13px;transition:.2s ease}.category-search-input:focus{border-color:#7266e6;background:#fff;box-shadow:0 0 0 3px #6255d914}.category-search-input::placeholder{color:#9aa3b3}.category-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:#e9ebf2;color:#697286;width:25px;height:25px;border-radius:50%;cursor:pointer;font-size:17px;line-height:1}.expenses-list-section{background:#fff;border:1px solid #e7ebf2;border-radius:17px;padding:22px;box-shadow:0 4px 15px #232b4308}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2{margin:0;font-size:17px;font-weight:800;color:#20283a}.section-heading p{margin:4px 0 0;font-size:11px;color:#8a94a7}.online-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;background:#f6f7fa;color:#697286;font-size:11px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.online{background:#24a365;box-shadow:0 0 0 3px #24a3651f}.status-dot.offline{background:#e34b4b;box-shadow:0 0 0 3px #e34b4b1f}.expenses-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e5e8ef;border-radius:14px}.expenses-table{width:100%;border-collapse:collapse;min-width:700px}.expenses-table thead th{background:linear-gradient(135deg,#343a68,#484d87);color:#fff;padding:14px 15px;font-size:10px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.7px}.expenses-table tbody td{padding:15px;border-bottom:1px solid #edf0f5;font-size:12px;color:#3d4659;vertical-align:middle}.expenses-table tbody tr{transition:.15s ease}.expenses-table tbody tr:hover{background:#fafbff}.expenses-table tbody tr:last-child td{border-bottom:none}.expense-name-cell{display:flex;align-items:center;gap:12px}.expense-avatar{width:39px;height:39px;border-radius:11px;background:#f0efff;color:#6255d9;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0}.expense-name-cell strong{display:block;color:#293246;font-size:12px;font-weight:800}.expense-name-cell span{display:block;margin-top:3px;color:#9aa3b3;font-size:9px}.date-cell{color:#596276;font-size:10px;font-family:monospace;word-break:break-all}.sync-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800}.sync-badge.synced{background:#edf9f2;color:#238a59}.sync-badge.local{background:#f3f4f7;color:#737c8e}.sync-badge.pending{background:#fff5df;color:#b67b16}.action-buttons{display:flex;align-items:center;gap:8px}.edit-button,.delete-button{width:34px;height:34px;border-radius:9px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:.18s ease}.edit-button{background:#edf5ff;color:#2778c9}.edit-button:hover{background:#dcecff;transform:translateY(-1px)}.delete-button{background:#fff0f0;color:#dc4545}.delete-button:hover{background:#ffe1e1;transform:translateY(-1px)}.load-more-button{display:block;margin:20px auto 2px;padding:10px 22px;border:1px solid #dfe3ed;border-radius:10px;background:#fff;color:#5146c7;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease}.load-more-button:hover{background:#f5f4ff;border-color:#cfcaff}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:60px;height:60px;margin:0 auto 15px;border-radius:17px;background:#f1f2f7;color:#747d91;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900}.empty-state h3{margin:0;color:#343c50;font-size:16px;font-weight:800}.empty-state p{margin:7px 0 18px;color:#939bad;font-size:11px}.empty-add-button{border:none;background:linear-gradient(135deg,#5b5ce2,#7048e8);color:#fff;border-radius:10px;padding:10px 17px;font-size:11px;font-weight:800;cursor:pointer}.expense-total-card{margin-top:22px;border-radius:16px;padding:20px 22px;background:linear-gradient(135deg,#5b5ce2,#7048e8);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 25px #5b5ce22b}.expense-total-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;opacity:.75;font-weight:700}.expense-total-card strong{display:block;margin-top:4px;font-size:25px;font-weight:900}.total-icon{width:47px;height:47px;border-radius:13px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#1418288c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:430px;background:#fff;border-radius:19px;padding:28px;text-align:center;box-shadow:0 20px 60px #14182833;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{width:52px;height:52px;margin:0 auto 15px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900}.delete-modal-icon{background:#fff0f0;color:#dc4545}.modal h2{margin:0;color:#20283a;font-size:19px;font-weight:800}.modal p{margin:9px 0 23px;color:#8a94a7;font-size:12px;line-height:1.6}.modal-actions{display:flex;justify-content:center;gap:10px}.modal-cancel,.modal-delete{height:40px;padding:0 17px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer;border:none}.modal-cancel{background:#f1f3f7;color:#626b7d}.modal-delete{background:#dc4545;color:#fff}.modal-delete:hover{background:#c93636}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-spinner{width:38px;height:38px;border:4px solid #e8e9f6;border-top-color:#6255d9;border-radius:50%;animation:spin .7s linear infinite}.loading-overlay span{color:#596276;font-size:12px;font-weight:700}@media(max-width:900px){.expense-summary-grid{grid-template-columns:1fr}.expenses-header{padding:20px}.expenses-content{padding:22px 16px 40px}}@media(max-width:600px){.expenses-header{align-items:flex-start}.expenses-header-left h1{font-size:19px}.expenses-header-left p{font-size:11px}.refresh-button{padding:0 11px}.refresh-button{font-size:0}.refresh-icon{font-size:20px}.add-expense-card{padding:17px}.section-heading{align-items:flex-start}.online-status{flex-shrink:0}.modal{padding:23px}}.stock-management-page{min-height:100vh;background:#f6f8fc;color:#20283a}.stock-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;background:#fff;border-bottom:1px solid #e8ebf2}.stock-header-left{display:flex;align-items:center;gap:15px}.stock-header-left h1{margin:0;font-size:25px;font-weight:800;letter-spacing:-.5px}.stock-header-left p{margin:5px 0 0;color:#8c95a7;font-size:13px}.stock-back-button{width:42px;height:42px;border:none;border-radius:12px;background:#f1f3f8;color:#41495b;font-size:23px;cursor:pointer;transition:.2s ease}.stock-back-button:hover{background:#e7e9f0;transform:translate(-2px)}.stock-refresh-button{height:42px;padding:0 17px;display:flex;align-items:center;gap:8px;border:1px solid #e0e4ed;border-radius:11px;background:#fff;color:#3e4658;font-size:13px;font-weight:700;cursor:pointer}.stock-refresh-button:hover{background:#f7f8fa}.stock-refresh-button:disabled{opacity:.6;cursor:not-allowed}.stock-refresh-icon{font-size:19px}.spinning{animation:stockSpin .8s linear infinite}@keyframes stockSpin{to{transform:rotate(360deg)}}.stock-content{width:100%;max-width:1250px;margin:0 auto;padding:30px 25px 60px}.stock-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stock-summary-card{display:flex;align-items:center;gap:14px;padding:19px;background:#fff;border:1px solid #e7ebf2;border-radius:16px;box-shadow:0 4px 16px #1e28460a}.stock-summary-icon{width:47px;height:47px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900}.stock-summary-icon.purple{background:#f0efff;color:#6255d9}.stock-summary-icon.blue{background:#edf7ff;color:#2778c9}.stock-summary-icon.green{background:#edf9f2;color:#22945c}.stock-summary-card span{display:block;color:#8c95a7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.stock-summary-card strong{display:block;margin-top:5px;color:#20283a;font-size:19px;font-weight:900}.stock-search-section{margin-bottom:18px;padding:22px;background:#fff;border:1px solid #e7ebf2;border-radius:17px;box-shadow:0 4px 15px #232b4308}.stock-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.stock-section-title h2{margin:0;font-size:17px;font-weight:800}.stock-section-title p{margin:4px 0 0;color:#8b94a6;font-size:11px}.stock-online-status{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#f6f7fa;border-radius:8px;color:#697286;font-size:11px;font-weight:700}.stock-status-dot{width:7px;height:7px;border-radius:50%}.stock-status-dot.online{background:#23a265;box-shadow:0 0 0 3px #23a2651f}.stock-status-dot.offline{background:#df4747;box-shadow:0 0 0 3px #df47471f}.stock-search-row{display:grid;grid-template-columns:1fr 300px;gap:12px}.stock-search-box,.stock-barcode-box{height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fafbfc;border:1px solid #dfe4ed;border-radius:11px}.stock-search-box:focus-within,.stock-barcode-box:focus-within{background:#fff;border-color:#6a60db;box-shadow:0 0 0 3px #6255d914}.stock-search-box input,.stock-barcode-box input{width:100%;height:100%;border:none;outline:none;background:transparent;color:#20283a;font-size:13px}.stock-search-box input::placeholder,.stock-barcode-box input::placeholder{color:#9ba3b2}.stock-search-icon{font-size:16px;opacity:.65}.stock-barcode-box>span{font-size:20px;color:#5e6475}.stock-clear-search{width:25px;height:25px;border:none;border-radius:50%;background:#e9ebf1;color:#697286;font-size:17px;cursor:pointer}.stock-filter-section{padding:16px 20px;margin-bottom:15px;background:#fff;border:1px solid #e7ebf2;border-radius:15px}.stock-filter-title{margin-bottom:11px;color:#30384a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.stock-filter-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.stock-filter-button{flex-shrink:0;padding:9px 15px;border:1px solid #e0e4ec;border-radius:9px;background:#fff;color:#687185;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease}.stock-filter-button:hover{background:#f5f5ff;border-color:#cfcbfa}.stock-filter-button.active{background:#6255d9;border-color:#6255d9;color:#fff}.barcode-result-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;margin-bottom:18px;background:#f0efff;border:1px solid #dcd8ff;border-radius:13px}.barcode-result-banner strong{display:block;color:#453bb0;font-size:12px}.barcode-result-banner span{display:block;margin-top:3px;color:#7770b0;font-size:10px}.barcode-result-banner button{border:none;border-radius:8px;padding:9px 13px;background:#6255d9;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.stock-products-section{padding:22px;background:#fff;border:1px solid #e7ebf2;border-radius:17px;box-shadow:0 4px 15px #232b4308}.stock-products-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.stock-products-heading h2{margin:0;font-size:17px;font-weight:800}.stock-products-heading p{margin:4px 0 0;color:#8c95a7;font-size:11px}.stock-filter-summary{display:flex;gap:7px}.stock-filter-summary span{padding:6px 9px;border-radius:7px;background:#f3f4f8;color:#697286;font-size:9px;font-weight:800}.stock-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stock-product-card{position:relative;display:flex;min-width:0;overflow:hidden;background:#fff;border:1px solid #e3e7ef;border-radius:15px;transition:.2s ease}.stock-product-card:hover{transform:translateY(-2px);border-color:#d3d0fa;box-shadow:0 8px 24px #272a4b14}.stock-product-card.out-of-stock{border-color:#f0dada}.stock-product-image-wrapper{position:relative;width:145px;min-width:145px;min-height:100%;background:#f4f5f8;overflow:hidden}.stock-product-image{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}.stock-product-placeholder{width:100%;height:100%;min-height:240px;display:flex;align-items:center;justify-content:center;background:#f0efff;color:#6255d9;font-size:40px;font-weight:900}.stock-low-badge,.stock-out-badge{position:absolute;left:9px;top:9px;padding:5px 7px;border-radius:7px;color:#fff;font-size:8px;font-weight:800}.stock-low-badge{background:#e6a72c}.stock-out-badge{background:#dd4b4b}.stock-product-content{flex:1;min-width:0;padding:15px}.stock-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stock-product-top h3{margin:0;color:#252d3e;font-size:14px;font-weight:800;line-height:1.3}.stock-product-barcode{margin:4px 0 0;color:#8e97a8;font-family:monospace;font-size:9px}.stock-product-category{flex-shrink:0;max-width:100px;overflow:hidden;padding:5px 7px;border-radius:7px;background:#f0efff;color:#6255d9;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stock-product-divider{height:1px;margin:9px 0;background:#edf0f4}.stock-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stock-price-row span{color:#737c8e;font-size:9px}.stock-price-row strong{color:#31394a;font-size:10px}.stock-calculation-row{margin-top:4px;color:#8d96a6;font-size:9px}.stock-calculation-row strong{color:#596276}.stock-profit-box{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px}.stock-profit-box span{color:#fff;font-size:9px;font-weight:700}.stock-profit-box strong{color:#fff;font-size:10px}.stock-profit-box.positive{background:#26a366}.stock-profit-box.negative{background:#dc4c4c}.stock-status-box{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:8px 10px;border-radius:8px}.stock-status-box span{color:#fff;font-size:9px;font-weight:700}.stock-status-box strong{color:#fff;font-size:10px}.stock-status-box.in-stock{background:#2aa66b}.stock-status-box.out-stock{background:#dc4b4b}.stock-expiry{margin-top:8px;color:#8a93a4;font-size:9px}.stock-product-actions{width:48px;min-width:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 6px;background:#fafbfc;border-left:1px solid #edf0f4}.stock-action-button{width:31px;height:31px;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:.18s ease}.stock-action-button:hover{transform:translateY(-1px);filter:brightness(.96)}.stock-action-button.add{background:#6255d9}.stock-action-button.add.danger{background:#dc4b4b}.stock-action-button.edit{background:#28a469}.stock-action-button.delete{background:#dc4b4b}.stock-empty-state{padding:65px 20px;text-align:center}.stock-empty-icon{width:65px;height:65px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#f0f1f5;font-size:27px}.stock-empty-state h3{margin:0;font-size:16px;font-weight:800}.stock-empty-state p{margin:7px 0 18px;color:#919aaa;font-size:11px}.stock-empty-state button{border:none;border-radius:9px;padding:10px 16px;background:#6255d9;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.stock-load-more-button{display:block;margin:20px auto 0;padding:10px 23px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;color:#6255d9;font-size:11px;font-weight:800;cursor:pointer}.stock-load-more-button:hover{background:#f5f4ff}.stock-total-card{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;overflow:hidden;background:#5f56d7;border-radius:15px;box-shadow:0 8px 25px #5b5ce229}.stock-total-item{padding:18px;background:#6255d9}.stock-total-item span{display:block;color:#ffffffb8;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.stock-total-item strong{display:block;margin-top:5px;color:#fff;font-size:17px;font-weight:900}.stock-report-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.stock-report-button{min-height:48px;border:none;border-radius:11px;color:#fff;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease}.stock-report-button:hover{transform:translateY(-1px);filter:brightness(.97)}.stock-report-button span{margin-right:7px;font-size:15px}.stock-report-button.pdf{background:#dd4d4d}.stock-report-button.excel{background:#26965e}.stock-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#1418288f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stock-delete-modal{width:100%;max-width:420px;padding:28px;background:#fff;border-radius:18px;text-align:center;box-shadow:0 20px 60px #14182838;animation:stockModalIn .2s ease}@keyframes stockModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stock-delete-icon{width:53px;height:53px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#fff0f0;color:#dc4b4b;font-size:24px;font-weight:900}.stock-delete-modal h2{margin:0;font-size:19px;font-weight:800}.stock-delete-modal p{margin:9px 0 23px;color:#8992a3;font-size:12px;line-height:1.6}.stock-modal-actions{display:flex;justify-content:center;gap:10px}.stock-modal-cancel,.stock-modal-delete{height:40px;padding:0 18px;border:none;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}.stock-modal-cancel{background:#f0f2f6;color:#626b7c}.stock-modal-delete{background:#dc4b4b;color:#fff}.stock-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stock-loader{width:38px;height:38px;border:4px solid #e7e8f3;border-top-color:#6255d9;border-radius:50%;animation:stockSpin .7s linear infinite}.stock-loading-overlay span{color:#5d6678;font-size:12px;font-weight:700}@media(max-width:1050px){.stock-search-row{grid-template-columns:1fr}}@media(max-width:850px){.stock-summary-grid{grid-template-columns:1fr}.stock-total-card{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.stock-header{padding:18px}.stock-content{padding:20px 14px 45px}.stock-header-left h1{font-size:19px}.stock-header-left p{font-size:10px}.stock-refresh-button{padding:0 11px;font-size:0}.stock-refresh-icon{font-size:20px}.stock-products-section{padding:15px}.stock-product-card{display:block}.stock-product-image-wrapper{width:100%;min-width:100%;height:180px;min-height:180px}.stock-product-image,.stock-product-placeholder{min-height:180px}.stock-product-actions{width:100%;height:50px;flex-direction:row;border-left:none;border-top:1px solid #edf0f4}.stock-action-button{width:36px;height:34px}.stock-products-heading{align-items:flex-start}.stock-filter-summary{display:none}.stock-total-card{grid-template-columns:1fr 1fr}.stock-report-section{grid-template-columns:1fr}}@media(max-width:450px){.stock-header-left{gap:9px}.stock-back-button{width:37px;height:37px}.stock-header-left h1{font-size:17px}.stock-search-section,.stock-filter-section{padding:15px}.stock-total-item{padding:14px}.stock-total-item strong{font-size:14px}}.xona-purchase{min-height:100vh;background:#f4f6f8;color:#17202a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.xona-purchase button,.xona-purchase input,.xona-purchase textarea{font:inherit}.xona-purchase button{cursor:pointer}.purchase-header{height:72px;background:#172033;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.purchase-header-left{display:flex;align-items:center;gap:14px}.purchase-back-button{width:42px;height:42px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:22px;color:#17202a;transition:.2s}.purchase-back-button:hover{background:#f1f5f9}.purchase-header-title{margin:0;color:#fff;font-size:21px;font-weight:700}.purchase-header-subtitle{display:block;margin-top:2px;color:#fff;font-size:12px}.purchase-header-right{display:flex;align-items:center;gap:24px}.purchase-live-status{display:flex;align-items:center;gap:8px;background:#fff;padding:7px 10px;border-radius:7px;color:#16a34a;font-size:12px;font-weight:800}.purchase-status-dot{width:11px;height:11px;border-radius:50%;background:#22c55e}.purchase-date-header{color:#fff;font-size:13px;font-weight:800}.purchase-message{margin:12px 20px 0;min-height:44px;padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px}.purchase-message button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:20px}.purchase-error-message{background:#e6000f;color:#fff;border:1px solid #ffffff}.purchase-success-message{background:#01cd3e;color:#fff;border:1px solid #bbf7d0}.purchase-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.purchase-barcode-section{display:flex;align-items:center;gap:10px;flex:1}.purchase-barcode-form{height:46px;max-width:560px;width:100%;background:#fff;border:1px solid #dfe3e8;border-radius:10px;display:flex;align-items:center;overflow:hidden}.purchase-barcode-icon{padding-left:14px;font-size:20px;color:#64748b}.purchase-barcode-form input{flex:1;height:100%;border:0;outline:0;padding:0 12px;background:transparent;min-width:0}.purchase-barcode-form button{height:100%;padding:0 20px;border:0;background:#2164f4;color:#fff;font-weight:600}.purchase-add-product-button{height:46px;padding:0 18px;border-radius:10px;border:1px solid #dbe1e8;background:#fff;font-weight:600;color:#17202a}.purchase-add-product-button:hover{background:#f8fafc}.purchase-report-button{height:44px;padding:0 17px;border-radius:10px;border:1px solid #dbe1e8;background:#fff;color:#475569;font-size:12px;font-weight:650}.purchase-report-button:hover{background:#f8fafc}.purchase-main{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;padding:0 20px 20px}.purchase-products-section{min-width:0;background:#fff;border:1px solid #e4e8ed;border-radius:14px;overflow:hidden;min-height:calc(100vh - 160px)}.purchase-section-heading{min-height:70px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3;gap:20px}.purchase-section-heading h2{margin:0;font-size:17px}.purchase-section-heading span{display:block;margin-top:3px;font-size:12px;color:#94a3b8}.purchase-product-search-wrapper{width:280px;height:40px;border:1px solid #dfe3e8;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:8px}.purchase-product-search-wrapper span{font-size:20px;margin:0;color:#64748b}.purchase-product-search-wrapper input{width:100%;border:0;outline:0;font-size:13px}.purchase-category-list{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid #edf0f3;overflow-x:auto}.purchase-category{white-space:nowrap;padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;color:#475569}.purchase-category:hover{background:#f8fafc}.purchase-category.active{background:#111827;color:#fff;border-color:#111827}.purchase-product-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px;max-height:calc(100vh - 300px);overflow-y:auto}.purchase-product-card{position:relative;text-align:left;border:1px solid #e4e8ed;background:#fff;border-radius:12px;overflow:hidden;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}.purchase-product-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 7px 18px #0f172a14}.purchase-product-image-wrapper{height:130px;position:relative;background:#f8fafc}.purchase-product-image{width:100%;height:100%;object-fit:cover}.purchase-product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#cbd5e1}.purchase-cart-quantity{position:absolute;top:8px;right:8px;min-width:27px;height:27px;padding:0 7px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.purchase-product-card-info{padding:11px}.purchase-product-card-info h3{margin:0;height:36px;overflow:hidden;font-size:13px;line-height:18px;color:#1e293b;font-weight:650}.purchase-product-price{margin-top:8px;font-size:15px;font-weight:700;color:#111827}.purchase-product-stock{margin-top:3px;font-size:11px;color:#94a3b8}.purchase-products-loading,.purchase-empty-products{grid-column:1 / -1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;text-align:center}.purchase-empty-icon{font-size:42px;margin-bottom:8px}.purchase-empty-products h3{margin:0;color:#475569}.purchase-empty-products p{font-size:13px}.purchase-cart-section{background:#fff;border:1px solid #e4e8ed;border-radius:14px;display:flex;flex-direction:column;min-height:calc(100vh - 160px);overflow:hidden}.purchase-cart-header{height:70px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.purchase-cart-header h2{margin:0;font-size:17px}.purchase-cart-header span{display:block;margin-top:3px;font-size:12px;color:#94a3b8}.purchase-clear-button{border:0;background:#fff1f2;color:#dc2626;padding:7px 11px;border-radius:7px;font-size:12px;font-weight:600}.purchase-cart-items{flex:1;overflow-y:auto;padding:10px}.purchase-empty-cart{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;padding:30px}.purchase-empty-cart-icon{font-size:48px;margin-bottom:12px}.purchase-empty-cart h3{margin:0 0 5px;color:#475569}.purchase-empty-cart p{margin:0;font-size:12px;line-height:18px;max-width:240px}.purchase-cart-item{padding:12px;border:1px solid #e8edf2;border-radius:10px;margin-bottom:9px;background:#fff}.purchase-cart-item-top{display:flex;justify-content:space-between;gap:10px}.purchase-cart-item-name{font-size:13px;font-weight:650;line-height:18px;color:#1e293b}.purchase-remove-item{width:23px;height:23px;flex-shrink:0;border:0;border-radius:6px;background:#fff1f2;color:#dc2626;font-size:17px;line-height:1}.purchase-cart-item-controls{margin-top:10px;display:grid;grid-template-columns:1fr 1.4fr;gap:7px;align-items:end}.purchase-control-group{display:flex;flex-direction:column;gap:4px;min-width:0}.purchase-control-group label{font-size:9px;color:#94a3b8;font-weight:600}.purchase-control-group>input{width:100%;height:32px;border:1px solid #dce2e8;border-radius:6px;padding:0 6px;outline:0;font-size:12px;min-width:0}.purchase-control-group input:focus{border-color:#94a3b8}.purchase-quantity-control{height:32px;display:grid;grid-template-columns:27px 1fr 27px;border:1px solid #dce2e8;border-radius:6px;overflow:hidden}.purchase-quantity-control button{border:0;background:#f8fafc;font-weight:700;color:#334155}.purchase-quantity-control button:hover{background:#eef2f7}.purchase-quantity-control input{width:100%;border:0;outline:0;text-align:center;min-width:0;font-size:11px}.purchase-cart-item-bottom{margin-top:9px;display:flex;align-items:center;justify-content:space-between}.purchase-cart-item-bottom span{color:#94a3b8;font-size:10px}.purchase-cart-item-bottom strong{font-size:14px;color:#111827}.purchase-cart-summary{border-top:1px solid #edf0f3;padding:15px 17px;background:#fbfcfd}.purchase-summary-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#64748b}.purchase-summary-line strong{color:#1e293b}.purchase-discount-line input{width:90px;height:30px;text-align:right;border:1px solid #dce2e8;border-radius:6px;padding:0 8px;outline:0}.purchase-summary-total{margin-top:13px;padding-top:13px;border-top:1px dashed #d9dee5;display:flex;align-items:center;justify-content:space-between}.purchase-summary-total span{font-size:14px;font-weight:600}.purchase-summary-total strong{font-size:22px;font-weight:750;color:#111827}.purchase-checkout-button{width:100%;height:48px;margin-top:14px;border:0;border-radius:9px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-weight:650}.purchase-checkout-button:hover{background:#1f2937}.purchase-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px}.purchase-checkout-modal{width:min(950px,100%);max-height:94vh;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 25px 70px #0f172a40;display:flex;flex-direction:column}.purchase-modal-header{min-height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.purchase-modal-header h2{margin:0;font-size:19px;color:#17202a}.purchase-modal-header span{display:block;margin-top:3px;color:#94a3b8;font-size:12px}.purchase-modal-close{width:36px;height:36px;border:0;border-radius:8px;background:#f1f5f9;font-size:22px;color:#64748b}.purchase-modal-close:hover{background:#e2e8f0}.purchase-checkout-content{display:grid;grid-template-columns:1fr 1fr;overflow-y:auto;padding:20px;gap:24px}.purchase-checkout-left,.purchase-checkout-right{min-width:0}.purchase-checkout-block{margin-bottom:18px}.purchase-block-title,.purchase-input-label{display:block;margin-bottom:8px;font-size:12px;font-weight:650;color:#475569}.purchase-supplier-select-button{width:100%;min-height:46px;border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;border-radius:9px;font-weight:600}.purchase-supplier-select-button:hover{border-color:#94a3b8;background:#f1f5f9}.purchase-selected-supplier{min-height:58px;padding:10px 12px;border:1px solid #dce2e8;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.purchase-selected-supplier>div{min-width:0}.purchase-selected-supplier strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-selected-supplier span{display:block;margin-top:3px;font-size:11px;color:#94a3b8}.purchase-selected-supplier button{border:0;background:#fff1f2;color:#dc2626;padding:7px 10px;border-radius:6px;font-size:11px}.purchase-option-grid{display:flex;flex-wrap:wrap;gap:8px}.purchase-option-button{min-height:39px;padding:0 13px;border:1px solid #dce2e8;background:#fff;border-radius:8px;color:#64748b;font-size:12px}.purchase-option-button:hover{background:#f8fafc}.purchase-option-button.active{background:#111827;border-color:#111827;color:#fff}.purchase-checkout-input{width:100%;height:43px;border:1px solid #dce2e8;border-radius:8px;outline:0;padding:0 11px;background:#fff}.purchase-checkout-input:focus{border-color:#64748b}.purchase-large-input{height:52px;font-size:19px;font-weight:650}.purchase-amount-card{padding:18px;border-radius:11px;background:#111827;color:#fff;margin-bottom:18px}.purchase-amount-card span{display:block;font-size:12px;opacity:.65}.purchase-amount-card strong{display:block;margin-top:5px;font-size:28px}.purchase-quick-amounts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.purchase-quick-amounts button{min-width:45px;height:30px;border:1px solid #dce2e8;background:#fff;border-radius:6px;font-size:11px;color:#475569}.purchase-quick-amounts button:hover{background:#f1f5f9}.purchase-change-box,.purchase-pending-box{padding:12px 14px;border-radius:9px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.purchase-change-box{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.purchase-pending-box{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.purchase-change-box strong,.purchase-pending-box strong{font-size:17px}.purchase-checkout-textarea{width:100%;border:1px solid #dce2e8;border-radius:8px;outline:0;padding:10px;resize:vertical;font-size:12px}.purchase-checkout-textarea:focus{border-color:#64748b}.purchase-checkout-summary{padding:14px;border:1px solid #e4e8ed;border-radius:10px;background:#fbfcfd}.purchase-checkout-summary>div{min-height:30px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.purchase-checkout-summary span{color:#64748b}.purchase-checkout-summary strong{color:#1e293b}.purchase-checkout-total-row{margin-top:8px;padding-top:10px;border-top:1px dashed #d9dee5}.purchase-checkout-total-row span{font-size:14px;font-weight:650;color:#17202a}.purchase-checkout-total-row strong{font-size:21px;color:#111827}.purchase-checkout-footer{min-height:72px;padding:13px 20px;border-top:1px solid #edf0f3;display:flex;align-items:center;justify-content:flex-end;gap:9px}.purchase-secondary-button,.purchase-save-button{min-height:43px;padding:0 18px;border-radius:8px;font-weight:650;border:0}.purchase-secondary-button{background:#f1f5f9;color:#475569}.purchase-secondary-button:hover{background:#e2e8f0}.purchase-save-button{background:#111827;color:#fff;min-width:150px}.purchase-save-button:hover{background:#1f2937}.purchase-save-button:disabled{opacity:.55;cursor:not-allowed}.purchase-supplier-modal{width:min(560px,100%);max-height:85vh;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.purchase-supplier-search{margin:16px;height:44px;border:1px solid #dce2e8;border-radius:8px;outline:0;padding:0 12px;font-size:13px}.purchase-supplier-search:focus{border-color:#64748b}.purchase-supplier-list{overflow-y:auto;padding:0 16px;min-height:200px;max-height:420px}.purchase-supplier-row{width:100%;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:11px 4px;display:flex;align-items:center;text-align:left;gap:11px}.purchase-supplier-row:hover{background:#f8fafc}.purchase-supplier-avatar{width:38px;height:38px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-weight:700;color:#475569;flex-shrink:0}.purchase-supplier-info{flex:1;min-width:0}.purchase-supplier-info strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-supplier-info span{display:block;margin-top:3px;color:#94a3b8;font-size:11px}.purchase-supplier-arrow{color:#94a3b8;font-size:16px}.purchase-empty-suppliers{padding:50px 20px;text-align:center;color:#94a3b8;font-size:13px}.purchase-supplier-footer{padding:13px 16px;border-top:1px solid #edf0f3;display:flex;justify-content:flex-end}.purchase-success-modal{width:min(500px,100%);background:#fff;border-radius:15px;padding:28px;text-align:center;box-shadow:0 25px 70px #0f172a40}.purchase-success-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800}.purchase-success-modal h2{margin:0;font-size:21px;color:#17202a}.purchase-success-modal>p{margin:8px auto 20px;max-width:380px;color:#94a3b8;font-size:12px;line-height:18px}.purchase-success-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin-bottom:20px}.purchase-success-details>div{min-height:55px;padding:9px 11px;border:1px solid #e8edf2;border-radius:8px;background:#fbfcfd;display:flex;flex-direction:column;justify-content:center;gap:4px}.purchase-success-details span{color:#94a3b8;font-size:9px;font-weight:650;text-transform:uppercase}.purchase-success-details strong{color:#1e293b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-success-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:1100px){.purchase-main{grid-template-columns:minmax(0,1fr) 380px}.purchase-product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}@media(max-width:850px){.purchase-main{grid-template-columns:1fr}.purchase-cart-section{min-height:600px}.purchase-product-grid{max-height:none}.purchase-toolbar{flex-direction:column;align-items:stretch}.purchase-barcode-section,.purchase-report-button{width:100%}}@media(max-width:650px){.purchase-header{padding:0 12px}.purchase-header-right{display:none}.purchase-toolbar,.purchase-main{padding-left:10px;padding-right:10px}.purchase-barcode-section{flex-direction:column}.purchase-barcode-form,.purchase-add-product-button,.purchase-report-button{max-width:none;width:100%}.purchase-section-heading{flex-direction:column;align-items:stretch}.purchase-product-search-wrapper{width:100%}.purchase-checkout-content{grid-template-columns:1fr}.purchase-checkout-footer{flex-wrap:wrap}.purchase-checkout-footer button{flex:1}.purchase-success-details{grid-template-columns:1fr}.purchase-success-actions{flex-direction:column}.purchase-success-actions button{width:100%}}@media(max-width:450px){.purchase-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.purchase-product-image-wrapper{height:105px}.purchase-product-card-info{padding:9px}.purchase-product-card-info h3{font-size:11px}.purchase-product-price{font-size:12px}.purchase-product-stock{font-size:9px}.purchase-cart-item-controls{grid-template-columns:1fr}.purchase-modal-overlay{padding:10px}.purchase-checkout-modal,.purchase-supplier-modal{max-height:96vh}.purchase-modal-header{padding:0 14px}.purchase-checkout-content{padding:14px}.purchase-checkout-footer{padding:12px 14px}}.xona-purchase input[type=number]::-webkit-inner-spin-button,.xona-purchase input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.xona-purchase input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.xona-purchase button:focus-visible,.xona-purchase input:focus-visible,.xona-purchase textarea:focus-visible{outline:2px solid #2164f4;outline-offset:2px}@media print{body{background:#fff}.purchase-header,.purchase-toolbar,.purchase-products-section,.purchase-cart-section,.purchase-modal-overlay,.purchase-message{display:none!important}}.all-ledger-page{min-height:100vh;background:#f5f7fb;padding:28px;color:#172033}.all-ledger-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.all-ledger-header-left{display:flex;align-items:center;gap:16px}.all-ledger-back-btn{width:44px;height:44px;border:1px solid #e1e6ef;border-radius:12px;background:#fff;color:#172033;font-size:22px;cursor:pointer;transition:.2s ease}.all-ledger-back-btn:hover{background:#eef4ff;border-color:#cbdcff;transform:translate(-2px)}.all-ledger-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#5d6b82;margin-bottom:5px}.all-ledger-header h1{margin:0;font-size:28px;line-height:1.2;font-weight:800;color:#172033}.all-ledger-header p{margin:6px 0 0;color:#78859a;font-size:14px}.all-ledger-header-actions{display:flex;align-items:center;gap:10px}.ledger-refresh-btn,.ledger-report-btn{height:44px;padding:0 17px;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}.ledger-refresh-btn{background:#fff;border:1px solid #e1e6ef;color:#42516a}.ledger-refresh-btn:hover{border-color:#cbd5e1;background:#f8fafc}.ledger-refresh-btn span{font-size:13px}.ledger-report-btn{border:none;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #2563eb33}.ledger-report-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb47}.ledger-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.ledger-summary-card{min-height:106px;padding:18px;border-radius:15px;background:#fff;border:1px solid #e8ecf3;display:flex;align-items:center;gap:14px;box-shadow:0 4px 16px #0f172a09}.summary-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.ledger-summary-card span{display:block;color:#7a879b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.ledger-summary-card strong{display:block;font-size:19px;color:#172033;font-weight:800}.customers-summary{border-top:3px solid #2563eb}.customers-summary .summary-icon{background:#eff6ff}.sales-summary{border-top:3px solid #f59e0b}.sales-summary .summary-icon{background:#fff7ed}.manual-summary{border-top:3px solid #8b5cf6}.manual-summary .summary-icon{background:#f5f3ff}.paid-summary{border-top:3px solid #16a34a}.paid-summary .summary-icon{background:#f0fdf4}.balance-summary{border-top:3px solid #dc2626}.balance-summary .summary-icon{background:#fef2f2}.all-ledger-content{background:#fff;border:1px solid #e5e9f0;border-radius:17px;box-shadow:0 5px 20px #0f172a0a;overflow:hidden}.all-ledger-toolbar{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0f5}.ledger-toolbar-title h2{margin:0;font-size:17px;font-weight:800;color:#1c2638}.ledger-toolbar-title span{display:block;margin-top:4px;font-size:12px;color:#8a96a8}.ledger-search-wrapper{width:360px;height:43px;position:relative;display:flex;align-items:center}.ledger-search-wrapper input{width:100%;height:100%;border:1px solid #e1e6ef;border-radius:10px;outline:none;padding:0 40px 0 39px;font-size:13px;color:#1f2937;background:#f9fafc;transition:.2s ease}.ledger-search-wrapper input:focus{border-color:#8bb2ff;background:#fff;box-shadow:0 0 0 3px #2563eb14}.ledger-search-wrapper input::placeholder{color:#9aa5b5}.ledger-search-icon{position:absolute;left:14px;color:#7b8799;font-size:21px;z-index:1;pointer-events:none}.clear-search{position:absolute;right:10px;width:25px;height:25px;border:0;border-radius:50%;background:#e8edf4;color:#657287;cursor:pointer;font-size:17px;line-height:1}.all-ledger-table{width:100%;min-width:1050px;border-collapse:collapse;table-layout:fixed}.all-ledger-table thead{background:#f8fafc}.all-ledger-table th{height:50px;padding:0 14px;border-bottom:1px solid #e5e9f0;color:#68758a;font-size:10px;font-weight:800;letter-spacing:.5px;text-align:right;white-space:nowrap}.all-ledger-table th:first-child,.all-ledger-table td:first-child{text-align:left}.all-ledger-table th:nth-child(1){width:22%}.all-ledger-table th:nth-child(2),.all-ledger-table th:nth-child(3),.all-ledger-table th:nth-child(4){width:12%}.all-ledger-table th:nth-child(5){width:12%}.all-ledger-table th:nth-child(6){width:11%}.all-ledger-table th:nth-child(7){width:11%}.all-ledger-table th:nth-child(8){width:12%}.all-ledger-table td{height:76px;padding:10px 14px;border-bottom:1px solid #edf0f4;text-align:right;vertical-align:middle;font-size:12px}.all-ledger-row{cursor:pointer;transition:background .16s ease}.all-ledger-row:hover{background:#f8fbff}.all-ledger-row:last-child td{border-bottom:0}.ledger-customer-info{display:flex;align-items:center;gap:11px;min-width:0}.ledger-avatar{width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.ledger-customer-details{min-width:0}.ledger-customer-details strong{display:block;color:#1d2738;font-size:13px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-customer-details span{display:block;color:#8a96a8;font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount{font-weight:700;white-space:nowrap}.amount.neutral{color:#475569}.amount.warning{color:#b45309}.amount.paid{color:#15803d}.amount.total{color:#1e40af;font-weight:800}.amount.balance{font-size:13px;font-weight:800}.balance-receive{color:#dc2626}.balance-credit{color:#7c3aed}.balance-settled{color:#15803d}.ledger-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.3px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ledger-status.receive{background:#fef2f2;color:#dc2626}.ledger-status.credit{background:#f5f3ff;color:#7c3aed}.ledger-status.settled{background:#f0fdf4;color:#15803d}.ledger-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px}.ledger-action{width:31px;height:31px;border-radius:8px;border:1px solid #e3e8ef;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;transition:.18s ease}.ledger-action.view{color:#2563eb}.ledger-action.view:hover{background:#eff6ff;border-color:#bfdbfe}.ledger-action.whatsapp{color:#16a34a}.ledger-action.whatsapp:hover{background:#f0fdf4;border-color:#bbf7d0}.ledger-action.sms{color:#7c3aed}.ledger-action.sms:hover{background:#f5f3ff;border-color:#ddd6fe}.ledger-empty{padding:70px 20px;text-align:center}.empty-icon{width:60px;height:60px;margin:0 auto 15px;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:25px}.ledger-empty h3{margin:0;font-size:16px;color:#263247}.ledger-empty p{margin:7px auto 18px;color:#8793a5;font-size:13px}.ledger-empty button{border:0;background:#2563eb;color:#fff;padding:9px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.ledger-load-more-wrapper{display:flex;justify-content:center;padding:20px;border-top:1px solid #edf0f5}.ledger-load-more{height:39px;padding:0 17px;border-radius:9px;border:1px solid #dce3ed;background:#fff;color:#3b4a61;font-size:12px;font-weight:750;cursor:pointer;display:flex;align-items:center;gap:10px}.ledger-load-more:hover{background:#f8fafc;border-color:#cbd5e1}.ledger-load-more span{color:#8a96a8;font-size:11px}.ledger-bottom-summary{min-height:65px;padding:0 22px;background:#fafbfd;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:20px}.ledger-bottom-summary>div{display:flex;align-items:center;gap:6px;color:#8994a5;font-size:12px}.ledger-bottom-summary strong{color:#39465b}.bottom-balance{display:flex;align-items:center;gap:12px!important}.bottom-balance strong{font-size:16px}.bottom-balance strong.positive{color:#dc2626}.bottom-balance strong.negative{color:#7c3aed}.all-ledger-loading{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ledger-spinner{width:42px;height:42px;border:3px solid #e4eaf2;border-top-color:#2563eb;border-radius:50%;animation:ledgerSpin .8s linear infinite;margin-bottom:18px}.all-ledger-loading h3{margin:0;font-size:17px;color:#263247}.all-ledger-loading p{margin:7px 0 0;color:#8a96a8;font-size:13px}@media(max-width:1250px){.ledger-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.all-ledger-page{padding:18px}.all-ledger-header{align-items:flex-start;flex-direction:column}.all-ledger-header-actions{width:100%}.ledger-refresh-btn,.ledger-report-btn{flex:1}.all-ledger-toolbar{align-items:stretch;flex-direction:column}.ledger-search-wrapper{width:100%}.ledger-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.all-ledger-page{padding:12px}.all-ledger-header-left{align-items:flex-start}.all-ledger-back-btn{width:39px;height:39px}.all-ledger-header h1{font-size:22px}.all-ledger-header p{font-size:12px}.all-ledger-header-actions{flex-direction:column}.ledger-refresh-btn,.ledger-report-btn{width:100%}.ledger-summary-grid{grid-template-columns:1fr}.all-ledger-content{border-radius:12px}.all-ledger-toolbar{padding:16px}.ledger-bottom-summary{padding:14px 16px;flex-direction:column;align-items:flex-start}.bottom-balance{width:100%;justify-content:space-between}}@media print{.all-ledger-page{padding:0;background:#fff}.all-ledger-header{margin-bottom:15px}.all-ledger-header-actions,.all-ledger-back-btn,.all-ledger-toolbar,.ledger-actions,.ledger-load-more-wrapper{display:none!important}.all-ledger-content{border:0;box-shadow:none}.all-ledger-table{min-width:0}.all-ledger-table th,.all-ledger-table td{padding:8px}.ledger-bottom-summary{border-top:1px solid #ddd}}.ledger-page{min-height:100vh;background:#f5f7fb;padding:24px;color:#172033}.ledger-container{width:100%;max-width:1700px;margin:0 auto}.ledger-header{min-height:72px;background:#fff;border:1px solid #e8ecf3;border-radius:18px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 20px #1720330a}.back-btn{width:42px;height:42px;border:1px solid #e2e7ef;background:#f8faff;border-radius:11px;font-size:22px;cursor:pointer;transition:.2s ease}.back-btn:hover{background:#eef3ff;transform:translate(-2px)}.page-title{font-size:21px;font-weight:800;color:#172033}.page-subtitle{margin-top:3px;color:#7d8799;font-size:13px}.refresh-btn{border:1px solid #dfe5ef;background:#fff;color:#46536a;height:40px;padding:0 16px;border-radius:10px;font-weight:700;cursor:pointer}.refresh-btn:hover{background:#f6f8fc}.customer-card{margin-top:20px;background:linear-gradient(135deg,#fff,#f8faff);border:1px solid #e7ebf2;border-radius:18px;padding:22px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 28px #1720330d}.customer-avatar{width:62px;height:62px;min-width:62px;border-radius:17px;background:linear-gradient(135deg,#5668f2,#7458ef);color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800}.customer-info{flex:1}.customer-info h2{margin:0 0 7px;font-size:20px;font-weight:800}.phone-button{border:0;background:transparent;padding:0;color:#53627a;font-size:14px;cursor:pointer}.phone-button:hover{color:#5368ed}.live-badge{display:inline-flex;margin-left:12px;background:#eafaf1;color:#16834a;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800}.details-btn{border:0;background:#5668f2;color:#fff;min-height:42px;padding:0 18px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s ease}.details-btn:hover{background:#4558e5;transform:translateY(-1px)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.summary-card{position:relative;overflow:hidden;border-radius:17px;padding:20px 22px;min-height:135px;background:#fff;border:1px solid #e8ebf2;box-shadow:0 5px 20px #17203309}.summary-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-40px;opacity:.08}.summary-card.total:after{background:#5668f2}.summary-card.paid:after{background:#19a463}.summary-card.pending:after{background:#ed5960}.summary-label{color:#68758b;font-size:13px;font-weight:700}.summary-value{margin-top:10px;font-size:25px;font-weight:850}.summary-card.total .summary-value{color:#5668f2}.summary-card.paid .summary-value{color:#17965a}.summary-card.pending .summary-value{color:#e05259}.summary-description{margin-top:6px;font-size:12px;color:#9aa3b2}.ledger-tabs{margin-top:22px;background:#fff;border:1px solid #e8ebf2;border-radius:15px;padding:5px;display:flex;gap:5px}.ledger-tab{flex:1;height:48px;border:0;background:transparent;color:#788397;border-radius:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:.2s ease}.ledger-tab.active{background:#5668f2;color:#fff;box-shadow:0 5px 15px #5668f238}.tab-count{min-width:25px;height:23px;border-radius:7px;background:#fff3;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.ledger-tab:not(.active) .tab-count{background:#f0f3f8}.ledger-section{margin-top:18px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-toolbar h3{margin:0;font-size:18px;font-weight:800}.section-toolbar p{margin:4px 0 0;color:#8a94a6;font-size:12px}.pdf-btn{height:40px;border:0;padding:0 15px;border-radius:10px;background:#25314a;color:#fff;font-weight:700;cursor:pointer}.pdf-btn:hover{background:#182239}.filter-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.date-filters{margin-top:5px}.filter-chip{white-space:nowrap;height:36px;padding:0 13px;border:1px solid #e0e5ed;background:#fff;color:#68758b;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.filter-chip:hover{border-color:#aeb8ff;color:#5668f2}.filter-chip.active{border-color:#5668f2;background:#5668f2;color:#fff}.filter-chip.date.active{background:#25314a;border-color:#25314a}.search-box{margin-top:13px;width:100%;height:46px;background:#fff;border:1px solid #e0e5ed;border-radius:11px;display:flex;align-items:center;padding:0 13px;gap:10px}.search-box>span{font-size:22px;color:#8b96a8}.search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#25314a;font-size:13px}.search-box button{border:0;background:transparent;font-size:21px;color:#8c96a7;cursor:pointer}.table-card{margin-top:14px;background:#fff;border:1px solid #e6eaf1;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #17203308}.table-wrapper{width:100%;overflow-x:auto}.ledger-table{width:100%;min-width:1150px;border-collapse:collapse}.ledger-table th{background:#f8f9fc;color:#6d788b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:15px 13px;border-bottom:1px solid #e7ebf1;text-align:left;white-space:nowrap}.ledger-table td{padding:15px 13px;border-bottom:1px solid #edf0f4;color:#4d596d;font-size:12px;white-space:nowrap}.ledger-table tbody tr{transition:.15s ease}.ledger-table tbody tr:hover{background:#fafbfe}.ledger-table tbody tr:last-child td{border-bottom:0}.date-cell{display:flex;flex-direction:column;gap:3px}.date-cell strong{color:#354157}.date-cell span{color:#929cad;font-size:11px}.bill-number{font-weight:800;color:#5668f2}.payment-mode{background:#f3f5f8;color:#5e697b;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:700}.status-badge{border:0;color:#fff;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:800;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.status-badge.paid{background:#1aa565}.status-badge.unpaid{background:#e3545b}.status-badge.partial-paid{background:#e7a323}.amount-paid{color:#15945a!important;font-weight:700}.amount-pending{color:#df555c!important;font-weight:700}.row-actions{display:flex;gap:6px}.view-action,.edit-action,.delete-action{height:30px;padding:0 9px;border-radius:7px;border:1px solid transparent;font-size:10px;font-weight:800;cursor:pointer}.view-action{color:#5668f2;background:#eef0ff}.view-action:hover{background:#e2e5ff}.edit-action{color:#5668f2;background:#eef0ff}.delete-action{color:#d84f58;background:#fff0f1}.delete-action:hover{background:#ffe2e4}.loading-state{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#7f899b;font-size:13px}.spinner{width:28px;height:28px;border:3px solid #e5e9f2;border-top-color:#5668f2;border-radius:50%;animation:spin .8s linear infinite}.empty-state{min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.empty-icon{width:52px;height:52px;border-radius:15px;background:#f0f2f7;color:#8b95a6;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.empty-state h3{margin:13px 0 4px;font-size:16px}.empty-state p{margin:0;color:#929bab;font-size:12px}.transaction-buttons{display:flex;gap:8px}.give-btn,.get-btn{height:40px;border:0;border-radius:9px;color:#fff;padding:0 14px;font-size:12px;font-weight:800;cursor:pointer}.give-btn{background:#e3545b}.get-btn{background:#19a464}.give-btn:hover{background:#d74750}.get-btn:hover{background:#148e55}.transaction-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.transaction-summary-item{padding:15px 17px;border-radius:12px;border:1px solid #e7ebf1;background:#fff;display:flex;align-items:center;justify-content:space-between}.transaction-summary-item span{color:#7c8798;font-size:12px;font-weight:700}.transaction-summary-item strong{font-size:14px}.transaction-summary-item.give strong{color:#dd555d}.transaction-summary-item.get strong{color:#15955b}.transaction-summary-item.pending strong{color:#5668f2}.transactions-list{padding:10px}.transaction-card{display:flex;align-items:center;gap:13px;padding:15px;border-bottom:1px solid #edf0f4}.transaction-card:last-child{border-bottom:0}.transaction-icon{width:42px;height:42px;min-width:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.transaction-icon.give{color:#dc555d;background:#fff0f1}.transaction-icon.get{color:#15945a;background:#eafaf2}.transaction-main{flex:1;min-width:0}.transaction-top{display:flex;align-items:center;gap:10px}.transaction-type{font-size:12px;font-weight:800}.transaction-type.give{color:#dc555d}.transaction-type.get{color:#15945a}.transaction-date{color:#9aa3b1;font-size:11px}.transaction-note{margin-top:5px;color:#687488;font-size:12px;overflow:hidden;text-overflow:ellipsis}.transaction-right{text-align:right}.transaction-amount,.give-amount,.get-amount{font-size:14px;font-weight:850}.give-amount{color:#dc555d}.get-amount{color:#15945a}.transaction-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#1118277a;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:100%;max-width:470px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 25px 70px #0000002e;animation:modalIn .18s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-header h3{margin:0;font-size:18px;font-weight:850}.modal-header p{margin:5px 0 0;color:#8b95a6;font-size:12px}.modal-close{width:34px;height:34px;border:0;border-radius:9px;background:#f2f4f8;color:#697487;font-size:21px;cursor:pointer}.status-options{display:grid;gap:8px}.status-option{height:45px;padding:0 13px;border:1px solid #e3e7ee;background:#fff;color:#5f6b7e;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;cursor:pointer}.status-option.selected{color:#fff;border-color:transparent}.status-option.selected.paid{background:#19a464}.status-option.selected.unpaid{background:#e3545b}.status-option.selected.partial-paid{background:#e7a323}.form-group{margin-top:16px}.form-group label{display:block;margin-bottom:7px;color:#536075;font-size:12px;font-weight:800}.form-group input,.form-group textarea{width:100%;border:1px solid #dfe4ec;outline:0;background:#fff;border-radius:9px;padding:0 12px;color:#263249;font-size:13px;font-family:inherit;transition:.2s ease}.form-group input{height:43px}.form-group textarea{padding-top:11px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#5668f2;box-shadow:0 0 0 3px #5668f217}.form-group small{display:block;margin-top:6px;color:#8b95a6;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.primary-btn,.secondary-btn,.danger-btn{min-height:41px;padding:0 16px;border-radius:9px;border:0;font-size:12px;font-weight:800;cursor:pointer}.primary-btn{background:#5668f2;color:#fff}.primary-btn:hover{background:#4558e5}.secondary-btn{background:#f0f2f6;color:#596579}.danger-btn{background:#e3545b;color:#fff}.currency-input{height:43px;border:1px solid #dfe4ec;border-radius:9px;display:flex;align-items:center;overflow:hidden}.currency-input span{height:100%;min-width:48px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;color:#667287;font-size:12px;font-weight:800}.currency-input input{height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}.transaction-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-select{height:43px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.type-select.give{border:1px solid #f2c4c7;background:#fff6f6;color:#d6535b}.type-select.get{border:1px solid #bee4cf;background:#f1fbf5;color:#15945a}.type-select.give.active{background:#e3545b;border-color:#e3545b;color:#fff}.type-select.get.active{background:#19a464;border-color:#19a464;color:#fff}.delete-modal{text-align:center;max-width:410px}.delete-icon{width:55px;height:55px;border-radius:50%;background:#fff0f1;color:#e3545b;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:25px;font-weight:900}.delete-modal h3{margin:0;font-size:19px}.delete-modal p{color:#7f899a;font-size:12px;line-height:1.6;margin:9px 0 0}.delete-modal .modal-actions{justify-content:center}.ledger-empty-page{min-height:calc(100vh - 48px);background:#fff;border:1px solid #e7ebf2;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.ledger-empty-page h2{margin:15px 0 5px}.ledger-empty-page p{color:#8a94a6;font-size:13px;margin-bottom:20px}@media(max-width:1100px){.summary-grid{grid-template-columns:1fr 1fr 1fr}.customer-card{align-items:flex-start}.details-btn{margin-left:auto}}@media(max-width:800px){.ledger-page{padding:12px}.ledger-header{padding:13px}.page-title{font-size:18px}.refresh-btn{padding:0 11px}.customer-card{flex-wrap:wrap}.customer-info{min-width:calc(100% - 85px)}.details-btn{width:100%}.summary-grid{grid-template-columns:1fr}.ledger-tabs{flex-direction:column}.ledger-tab{flex:none}.section-toolbar{align-items:flex-start;flex-direction:column}.pdf-btn,.transaction-buttons{width:100%}.give-btn,.get-btn{flex:1}.transaction-summary{grid-template-columns:1fr}.transaction-card{align-items:flex-start}.transaction-top{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:500px){.ledger-page{padding:8px}.ledger-header,.customer-card,.summary-card,.table-card{border-radius:13px}.customer-avatar{width:52px;height:52px;min-width:52px}.customer-info h2{font-size:17px}.live-badge{display:block;width:fit-content;margin:7px 0 0}.modal-overlay{padding:10px}.modal{padding:17px;border-radius:14px}}*{box-sizing:border-box}body{color:#f7f3f3}.app{min-height:100vh;padding:30px 15px}.app-container{max-width:900px;margin:0 auto;background:#fff;color:#111;padding:25px;border-radius:12px;box-shadow:0 5px 25px #00000014}.status{padding:12px;border-radius:7px;font-weight:700}.status-ready{background:#d1e7dd;color:#0f5132}.status-waiting{background:#fff3cd;color:#664d03}.logo-box{margin-top:20px;padding:20px;background:#f8f9fa;border:1px solid #ddd;border-radius:10px}.hidden-file{display:none}.logo-info{margin-top:15px}.logo-preview{display:block;max-width:220px;max-height:100px;margin-top:10px;object-fit:contain}.buttons{margin-top:25px;display:flex;flex-wrap:wrap;gap:8px}.button{padding:14px 22px;border:0;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px}.button.blue{background:#007bff;color:#fff}.button.green{background:#198754;color:#fff}.button.purple{background:#6f42c1;color:#fff}.button.red{background:#dc3545;color:#fff;margin-top:10px}.button.white{background:#fff;color:#333;border:1px solid #ccc}.button.disabled{background:#999;cursor:not-allowed}.receipt-section{margin-top:30px;padding:20px;background:#eaf4ff;border:1px solid #b8daff;border-radius:8px}.help-text{font-size:13px;color:#555;margin-bottom:20px}.receipt-stage{background:#cfcfcf;padding:30px 10px;overflow-x:auto;display:flex;justify-content:center;align-items:flex-start}.receipt{width:80mm;min-width:80mm;max-width:80mm;margin:0 auto;background:#fff;color:#000;padding:5mm 4mm 7mm;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;line-height:1.25;overflow:hidden;-webkit-font-smoothing:antialiased}.receipt-logo{width:100%;text-align:center;margin-bottom:4mm}.receipt-logo img{display:inline-block;max-width:58mm;max-height:36mm;width:auto;height:auto;object-fit:contain}.shop-name{text-align:center;font-size:5mm;font-weight:800;line-height:1.15;margin-bottom:2mm}.shop-info{text-align:center;font-size:4.2mm;font-weight:700;line-height:1.25}.receipt-line{width:100%;border-top:.7mm dashed #000;margin:4mm 0}.customer{text-align:center;font-size:3.7mm;font-weight:700;line-height:1.45}.date-time{display:flex;justify-content:space-between;align-items:center;gap:2mm;margin-top:2mm;font-size:3.5mm;font-weight:700;white-space:nowrap}.table-header,.item-row{display:grid;grid-template-columns:minmax(0,1fr) 11mm 16mm 17mm;column-gap:1mm;width:100%}.table-header{font-size:3.6mm;font-weight:900;line-height:1.3}.item-row{margin-top:2.5mm;font-size:3.6mm;font-weight:650;line-height:1.35;align-items:start}.item-name{min-width:0;overflow-wrap:break-word;word-break:normal}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:3mm;width:100%;font-size:3.7mm;font-weight:700;line-height:1.5}.summary-row span:last-child{text-align:right;white-space:nowrap}.grand-total{display:flex;justify-content:space-between;align-items:center;gap:3mm;margin-top:4mm;font-size:5.8mm;font-weight:900;line-height:1.25}.grand-total span:last-child{white-space:nowrap;text-align:right}.footer{text-align:center;font-size:3.7mm;font-weight:700;line-height:1.3}.debug{margin-top:20px;padding:15px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#555}@media(max-width:600px){.app{padding:15px 8px}.app-container{padding:15px}.receipt-stage{padding:20px 5px}.buttons{flex-direction:column}.button{width:100%}}.sale-report-page{min-height:100vh;background:#f5f7fb;color:#111827;padding-bottom:92px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.sale-report-header{height:78px;background:#1877f2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#fff}.sale-report-header-left{display:flex;align-items:center;gap:14px}.sale-back-button{width:42px;height:42px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px}.sale-back-button:hover{background:#ffffff1f}.sale-report-header h1{margin:0;font-size:26px;line-height:1.1;font-weight:700;letter-spacing:-.5px}.sale-report-header-left span{display:block;margin-top:4px;font-size:11px;opacity:.82}.sale-header-actions{display:flex;gap:8px}.sale-header-button{height:40px;padding:0 15px;border:0;border-radius:9px;background:#fff;color:#1877f2;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;cursor:pointer}.sale-header-button.print{background:#fff}.single-sale-actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;padding:16px 15px 20px;background:#f5f7fb}.edit-sale-button,.customer-ledger-button{border:0;height:44px;padding:0 20px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.edit-sale-button{background:#1877f2}.customer-ledger-button{background:#08a51d}.edit-sale-button:hover,.customer-ledger-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.sale-report-content{width:100%;max-width:760px;margin:0 auto;padding:0 15px 30px}.receipt-paper{width:100%;max-width:640px;margin:0 auto;background:#fff;padding:38px 38px 34px;border-radius:5px;box-shadow:0 5px 25px #10182814}.receipt-business{text-align:center}.receipt-business h2{margin:0;font-size:27px;line-height:1.2;font-weight:700;color:#050505}.receipt-business p{margin:6px 0 0;font-size:15px;font-weight:500;color:#151515}.receipt-divider{border-top:2px dashed #222222;margin:16px 0}.receipt-note{text-align:center}.receipt-note strong{display:block;font-size:15px;font-weight:800}.receipt-note p{max-width:90%;margin:7px auto 0;font-size:13px;line-height:1.5}.booking-info{text-align:center}.booking-info h3{margin:0;font-size:18px;font-weight:800}.booking-dates{display:flex;justify-content:center;gap:28px;margin-top:7px}.booking-dates span{font-size:13px;font-weight:600}.sale-info{display:flex;flex-direction:column;gap:7px}.sale-info-row{display:flex;justify-content:center;gap:5px;text-align:center;font-size:15px;line-height:1.35}.sale-info-row span{font-weight:600}.sale-info-row strong{font-weight:750}.sale-date-row{display:flex;justify-content:space-between;margin-top:2px;gap:15px}.sale-date-row div{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.receipt-items{width:100%}.receipt-items-header,.receipt-item-row{display:grid;grid-template-columns:minmax(0,1fr) 55px 90px 100px;align-items:center;column-gap:6px}.receipt-items-header{padding-bottom:9px;font-size:15px;font-weight:800}.receipt-item-row{min-height:38px;font-size:14px;font-weight:500}.receipt-items-header>div:not(.item-name-column),.receipt-item-row>div:not(.item-name-column){text-align:right}.item-name-column{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-summary{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;line-height:1.3}.summary-row span{font-weight:600}.summary-row strong{font-weight:750;text-align:right}.total-row{margin-top:5px;font-size:22px}.total-row span,.total-row strong{font-weight:800}.status-paid{color:#08a51d}.status-partial{color:#e48a00}.status-unpaid{color:#d71920}.grand-total-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px;padding-top:8px;font-size:24px}.grand-total-row span,.grand-total-row strong{font-weight:900}.receipt-footer{text-align:center}.receipt-footer p{margin:0;font-size:17px;font-weight:600}.receipt-footer span{display:block;margin-top:8px;font-size:13px}.receipt-footer small{display:block;margin-top:7px;font-size:10px;color:#777}.sale-bottom-actions{position:fixed;left:0;right:0;bottom:0;height:76px;background:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 15px;z-index:100;box-shadow:0 -4px 18px #0000000d}.sale-bottom-actions button{height:52px;min-width:175px;padding:0 20px;border:0;border-radius:11px;background:#1877f2;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s}.sale-bottom-actions button:hover{transform:translateY(-1px);box-shadow:0 6px 15px #1877f240}.a4-print-document{display:none}.sale-report-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#667085}.sale-report-spinner{width:34px;height:34px;border:3px solid #e4e7ec;border-top-color:#1877f2;border-radius:50%;animation:saleReportSpin .8s linear infinite}@keyframes saleReportSpin{to{transform:rotate(360deg)}}.sale-report-error{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667085}.sale-report-error h2{margin:15px 0 6px;color:#1d2939}.sale-report-error p{margin:0 0 20px}.sale-report-error button{border:0;background:#1877f2;color:#fff;padding:11px 20px;border-radius:9px;cursor:pointer;font-weight:600}@media print{body{background:#fff!important}.sale-report-header,.single-sale-actions,.sale-bottom-actions{display:none!important}.sale-report-page{background:#fff!important;padding:0!important}.sale-report-content{max-width:none;padding:0}.receipt-paper{display:block;max-width:none;width:100%;padding:10mm;margin:0;box-shadow:none;border-radius:0}.a4-print-document{display:none!important}}@media print{body.printing-a4 .receipt-paper{display:none!important}body.printing-a4 .a4-print-document{display:block!important}body.printing-a4 .sale-report-content{max-width:none;padding:0;margin:0}body.printing-a4 .sale-report-page{padding:0;background:#fff}}@page{size:A4;margin:12mm}.a4-print-document{width:100%;color:#111;font-family:Arial,sans-serif}.a4-header{text-align:center}.a4-header h1{margin:0;font-size:25px}.a4-header p{margin:4px 0;font-size:13px}.a4-print-document h2{text-align:center;margin:15px 0;font-size:19px}.a4-line{border-top:1px dashed #222;margin:12px 0}.a4-invoice-info{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;font-size:12px}.a4-note{font-size:12px}.a4-note p{margin:5px 0}.a4-booking{text-align:center}.a4-booking h3{margin:5px 0}.a4-booking p{margin:3px 0;font-size:12px}.a4-table{width:100%;border-collapse:collapse;font-size:11px}.a4-table th,.a4-table td{border:1px solid #cfd4dc;padding:7px 6px}.a4-table th{background:#f2f4f7;font-weight:700;text-align:center}.a4-table td{text-align:center}.a4-table td:first-child{text-align:left}.a4-summary{width:50%;margin-left:auto;display:flex;flex-direction:column;gap:6px;font-size:12px}.a4-summary>div{display:flex;justify-content:space-between;gap:20px}.a4-grand-total{border-top:1px solid #222;padding-top:8px;margin-top:5px;font-size:16px;font-weight:800}.a4-footer{text-align:center;margin-top:20px}.a4-footer p{margin:0;font-size:14px;font-weight:600}.a4-footer small{display:block;margin-top:6px;font-size:10px;color:#777}@media(max-width:700px){.sale-report-header{height:72px;padding:0 12px}.sale-report-header h1{font-size:22px}.sale-header-actions{display:none}.sale-report-content{padding:0 8px 95px}.receipt-paper{padding:28px 20px}.receipt-business h2{font-size:23px}.receipt-business p{font-size:13px}.sale-info-row{font-size:14px}.sale-date-row,.sale-date-row div{font-size:12px}.receipt-items-header,.receipt-item-row{grid-template-columns:minmax(0,1fr) 42px 65px 75px}.receipt-items-header,.receipt-item-row{font-size:13px}.summary-row{font-size:15px}.total-row{font-size:20px}.grand-total-row{font-size:21px}.sale-bottom-actions{height:72px;gap:6px;padding:7px}.sale-bottom-actions button{min-width:0;flex:1;height:52px;padding:0 5px;font-size:11px}.sale-bottom-actions button svg{width:18px;height:18px}.booking-dates{flex-direction:column;gap:4px}.a4-invoice-info{grid-template-columns:1fr}.a4-summary{width:70%}}@media(max-width:430px){.single-sale-actions{gap:8px}.edit-sale-button,.customer-ledger-button{width:100%;height:42px;font-size:14px}.receipt-paper{padding:25px 14px}.receipt-items-header,.receipt-item-row{grid-template-columns:minmax(0,1fr) 34px 57px 67px}.receipt-items-header,.receipt-item-row{font-size:12px}}.business-settings-page{min-height:100vh;padding:28px 32px 50px;background:#f7f8fa;box-sizing:border-box}.business-settings-header{max-width:1200px;margin:0 auto 25px}.business-settings-header h1{margin:0;font-size:27px;font-weight:700;color:#17191c;letter-spacing:-.4px}.business-settings-header p{margin:7px 0 0;color:#737980;font-size:14px;line-height:1.5}.business-settings-content{max-width:1200px;margin:0 auto}.settings-card{background:#fff;border:1px solid #e7e9ed;border-radius:12px;padding:24px;margin-bottom:18px;box-shadow:0 2px 8px #00000006}.settings-card-header{margin-bottom:23px}.settings-card-header h2{margin:0;font-size:17px;font-weight:700;color:#1b1d21}.settings-card-header p{margin:5px 0 0;font-size:13px;color:#858a91}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-field{display:flex;flex-direction:column}.settings-field.full-width{grid-column:1 / -1}.settings-field label{margin-bottom:8px;color:#30343a;font-size:13px;font-weight:600}.settings-field label span{margin-left:3px;color:#e5484d}.settings-field input{width:100%;height:44px;padding:0 13px;box-sizing:border-box;border:1px solid #dfe2e6;border-radius:8px;background:#fff;color:#22252a;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.settings-field input::placeholder{color:#a5a9af}.settings-field input:hover{border-color:#c9cdd3}.settings-field input:focus{border-color:#4b63e8;box-shadow:0 0 0 3px #4b63e81a}.image-upload-section{display:flex;align-items:center;gap:24px}.image-preview-box{width:190px;height:125px;border:1px dashed #cfd3d9;border-radius:10px;background:#fafbfc;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-preview-box{width:150px;height:150px}.business-image-preview{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b9198}.image-placeholder strong{margin-top:7px;color:#555a61;font-size:13px;font-weight:600}.image-placeholder span{margin-top:4px;font-size:11px;color:#a0a5ab}.upload-icon{width:38px;height:38px;border-radius:9px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:#69717b;font-size:13px;font-weight:700}.image-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secondary-button,.danger-button{height:40px;padding:0 15px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.secondary-button{background:#fff;border:1px solid #d8dce1;color:#33373d}.secondary-button:hover{background:#f6f7f8;border-color:#c7cbd1}.danger-button{border:1px solid #f0cacc;background:#fff7f7;color:#d04449}.danger-button:hover{background:#ffefef}.settings-save-section{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:5px}.settings-message{font-size:13px;font-weight:600}.settings-message.success{color:#238551}.settings-message.error{color:#d04449}.save-settings-button{min-width:145px;height:44px;padding:0 20px;border:none;border-radius:8px;background:#1f2937;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.save-settings-button:hover{background:#111827}.save-settings-button:active{transform:translateY(1px)}.save-settings-button:disabled{opacity:.65;cursor:not-allowed}@media(max-width:768px){.business-settings-page{padding:20px 16px 40px}.business-settings-header h1{font-size:23px}.settings-card{padding:18px}.settings-form-grid{grid-template-columns:1fr;gap:17px}.settings-field.full-width{grid-column:auto}.image-upload-section{align-items:flex-start;flex-direction:column}.settings-save-section{align-items:flex-end;flex-direction:column}.save-settings-button{width:100%}}.pwr-page{min-height:100vh;background:#f6f8fb;color:#172033;padding:28px;box-sizing:border-box}.pwr-container{width:100%;max-width:1500px;margin:0 auto}.pwr-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.pwr-header-left{display:flex;align-items:center;gap:15px}.pwr-back-btn{width:44px;height:44px;border:1px solid #e1e6ef;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#263247;transition:.2s ease;flex-shrink:0}.pwr-back-btn:hover{background:#f1f4f8;border-color:#d5dce7;transform:translate(-2px)}.pwr-breadcrumb{display:flex;align-items:center;gap:8px;color:#8a94a6;font-size:13px;font-weight:500;margin-bottom:5px}.pwr-breadcrumb span{color:#c2c8d2}.pwr-header h1{margin:0;font-size:27px;line-height:1.25;font-weight:750;letter-spacing:-.5px;color:#172033}.pwr-header p{margin:5px 0 0;color:#7b8597;font-size:14px}.pwr-refresh-btn{height:43px;padding:0 17px;border:1px solid #dce2eb;border-radius:10px;background:#fff;color:#253149;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:650;cursor:pointer;transition:.2s ease}.pwr-refresh-btn:hover{border-color:#bfc8d7;background:#f8fafc}.pwr-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.pwr-spin{animation:pwrSpin .8s linear infinite}@keyframes pwrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pwr-product-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 2px 8px #14233c06;margin-bottom:18px}.pwr-product-main{display:flex;align-items:center;gap:17px;min-width:0}.pwr-product-image{width:72px;height:72px;border-radius:14px;background:#f1f4f8;border:1px solid #e4e8ef;display:flex;align-items:center;justify-content:center;color:#778399;overflow:hidden;flex-shrink:0}.pwr-product-image img{width:100%;height:100%;object-fit:cover}.pwr-product-details{min-width:0}.pwr-product-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pwr-product-title-row h2{margin:0;font-size:21px;font-weight:750;color:#172033}.pwr-stock-badge{padding:5px 9px;border-radius:7px;font-size:11px;font-weight:700}.pwr-stock-badge.good{background:#eaf8f0;color:#16824a}.pwr-stock-badge.low{background:#fff5dc;color:#a56a00}.pwr-stock-badge.out{background:#fff0f0;color:#d53d3d}.pwr-product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:10px}.pwr-product-meta span{display:flex;align-items:center;gap:6px;color:#8a94a6;font-size:13px}.pwr-product-meta svg{color:#a0a9b8}.pwr-product-meta strong{color:#39445a;font-weight:650;margin-left:2px}.pwr-product-prices{display:flex;align-items:center;gap:34px;flex-shrink:0}.pwr-product-prices>div{display:flex;flex-direction:column;gap:5px;min-width:95px}.pwr-product-prices span{color:#8993a5;font-size:12px;font-weight:550}.pwr-product-prices strong{font-size:16px;font-weight:750;color:#29354a}.pwr-current-stock{padding-left:25px;border-left:1px solid #e9edf3}.pwr-current-stock strong{font-size:22px}.pwr-current-stock small{color:#8c96a7;font-size:11px}.pwr-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.pwr-summary-card{min-height:100px;background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 8px #14233c05}.pwr-summary-icon{width:43px;height:43px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwr-summary-icon.stock{background:#eef3ff;color:#526bd9}.pwr-summary-icon.purchase{background:#eaf8f0;color:#198b52}.pwr-summary-icon.sale{background:#fff0f0;color:#d74b4b}.pwr-summary-icon.transactions{background:#f3efff;color:#7658c9}.pwr-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.pwr-summary-card span{color:#8a94a6;font-size:12px;font-weight:550}.pwr-summary-card strong{color:#202b3e;font-size:22px;line-height:1.25;font-weight:750;margin-top:2px}.pwr-summary-card small{color:#9ba4b2;font-size:11px;margin-top:2px}.pwr-history-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #14233c06}.pwr-history-header{padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pwr-history-header h2{margin:0;color:#1d283b;font-size:18px;font-weight:750}.pwr-history-header p{margin:5px 0 0;color:#8a94a6;font-size:13px}.pwr-history-count{background:#f3f5f8;color:#667186;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:650;white-space:nowrap}.pwr-filters{padding:0 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.pwr-search-box{height:41px;width:330px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 11px;gap:8px;color:#99a2b1}.pwr-search-box:focus-within{border-color:#aeb9ca;box-shadow:0 0 0 3px #4b60870f}.pwr-search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#273349;font-size:13px;font-family:inherit}.pwr-search-box input::placeholder{color:#a5adba}.pwr-search-box button{border:0;background:transparent;color:#9ca5b3;font-size:20px;cursor:pointer;line-height:1;padding:0}.pwr-filter-buttons{display:flex;align-items:center;gap:7px}.pwr-filter-buttons button{height:38px;padding:0 12px;border:1px solid #e0e5ed;border-radius:8px;background:#fff;color:#727d90;font-size:12px;font-weight:650;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.2s ease}.pwr-filter-buttons button:hover{background:#f7f9fb}.pwr-filter-buttons button.active{background:#202c40;border-color:#202c40;color:#fff}.pwr-filter-buttons button.active.purchase{background:#198b52;border-color:#198b52;color:#fff}.pwr-filter-buttons button.active.sale{background:#d64b4b;border-color:#d64b4b;color:#fff}.pwr-table-wrapper{width:100%;overflow-x:auto;border-top:1px solid #edf0f4}.pwr-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:auto}.pwr-table thead{background:#fafbfc}.pwr-table th{padding:13px 14px;text-align:left;color:#7f899a;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;border-bottom:1px solid #e9edf2}.pwr-table td{padding:14px;border-bottom:1px solid #edf0f4;color:#344056;font-size:13px;vertical-align:middle}.pwr-table tbody tr{transition:background .15s ease}.pwr-table tbody tr:hover{background:#fafcfe}.pwr-table tbody tr:last-child td{border-bottom:0}.pwr-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:750}.pwr-type-badge.purchase{background:#eaf8f0;color:#16824a}.pwr-type-badge.sale{background:#fff0f0;color:#d14545}.pwr-date-cell{display:flex;flex-direction:column;gap:3px}.pwr-date-cell>div{display:flex;align-items:center;gap:6px}.pwr-date-cell svg{color:#9aa4b4}.pwr-date-cell strong{color:#364157;font-size:12px;font-weight:650;white-space:nowrap}.pwr-date-cell small{color:#9aa3b2;font-size:11px;margin-left:21px}.pwr-reference{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;background:#f3f5f8;color:#58647a;font-size:12px;font-weight:700}.pwr-qty-in{color:#16824a;font-size:13px;font-weight:750}.pwr-qty-out{color:#d14545;font-size:13px;font-weight:750}.pwr-muted{color:#b2bac6}.pwr-stock-number{color:#48546a;font-size:13px;font-weight:650}.pwr-stock-after{display:inline-flex;min-width:35px;justify-content:center;padding:5px 7px;border-radius:6px;background:#f0f4fa;color:#29364c;font-size:12px;font-weight:750}.pwr-stock-after.zero{background:#fff0f0;color:#d14545}.pwr-price{color:#344056;font-size:12px;font-weight:650}.pwr-details-cell{display:flex;flex-direction:column;gap:2px;max-width:170px}.pwr-details-cell span{color:#a0a8b5;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.25px}.pwr-details-cell strong{color:#4a566b;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwr-history-footer{border-top:1px solid #edf0f4;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8b95a5;font-size:12px}.pwr-history-footer strong{color:#3e4a60;font-weight:700}.pwr-empty{min-height:300px;border-top:1px solid #edf0f4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.pwr-empty-icon{width:62px;height:62px;border-radius:16px;background:#f1f4f8;color:#8994a7;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.pwr-empty h3{margin:0;color:#39445a;font-size:16px;font-weight:700}.pwr-empty p{margin:7px 0 0;color:#969faf;font-size:13px}.pwr-inline-error{margin:0 22px 15px;padding:11px 13px;border-radius:8px;background:#fff4f4;border:1px solid #ffdada;color:#c23d3d;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.pwr-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pwr-spinner{width:38px;height:38px;border:3px solid #e4e9f0;border-top-color:#344157;border-radius:50%;animation:pwrSpin .8s linear infinite;margin-bottom:18px}.pwr-loading h3{margin:0;color:#263247;font-size:17px}.pwr-loading p{margin:7px 0 0;color:#9099a8;font-size:13px}.pwr-error-container{width:min(480px,calc(100% - 40px));min-height:350px;margin:100px auto;background:#fff;border:1px solid #e6eaf0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;box-sizing:border-box}.pwr-error-icon{width:60px;height:60px;border-radius:15px;background:#fff1f1;color:#d44949;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.pwr-error-container h2{margin:0;color:#29354a;font-size:19px}.pwr-error-container p{margin:8px 0 0;color:#8993a4;font-size:13px;line-height:1.6}.pwr-error-actions{display:flex;gap:10px;margin-top:22px}.pwr-primary-btn,.pwr-secondary-btn{height:41px;padding:0 15px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650;cursor:pointer}.pwr-primary-btn{border:1px solid #263247;background:#263247;color:#fff}.pwr-secondary-btn{border:1px solid #dfe4eb;background:#fff;color:#4b566a}@media(max-width:1200px){.pwr-product-card{align-items:flex-start;flex-direction:column}.pwr-product-prices{width:100%;padding-top:16px;border-top:1px solid #edf0f4}.pwr-current-stock{margin-left:auto}.pwr-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.pwr-page{padding:18px}.pwr-header{align-items:flex-start}.pwr-header h1{font-size:22px}.pwr-refresh-btn{flex-shrink:0}.pwr-product-prices{gap:20px;flex-wrap:wrap}.pwr-current-stock{margin-left:0;padding-left:20px}.pwr-filters{flex-direction:column;align-items:stretch}.pwr-search-box{width:100%;box-sizing:border-box}.pwr-filter-buttons{overflow-x:auto;padding-bottom:2px}.pwr-history-header{align-items:flex-start}}@media(max-width:600px){.pwr-page{padding:12px}.pwr-header{flex-direction:column}.pwr-header-left,.pwr-refresh-btn{width:100%}.pwr-product-card{padding:16px}.pwr-product-main{align-items:flex-start}.pwr-product-image{width:58px;height:58px}.pwr-product-title-row h2{font-size:18px}.pwr-product-meta{flex-direction:column;align-items:flex-start;gap:7px}.pwr-summary-grid{grid-template-columns:1fr}.pwr-history-header{padding:17px;flex-direction:column}.pwr-filters{padding:0 17px 15px}.pwr-table th,.pwr-table td{padding:12px 10px}.pwr-history-footer{padding:13px 17px;flex-direction:column;align-items:flex-start}}.ledger-details-page{min-height:100vh;background:#f5f7fb;color:#172033;padding:28px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ledger-top-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.ledger-header-left{display:flex;align-items:center;gap:15px}.back-button{width:44px;height:44px;border:1px solid #e1e6ef;background:#fff;border-radius:11px;font-size:22px;color:#334155;cursor:pointer;transition:.2s ease}.back-button:hover{background:#f8fafc;transform:translate(-2px)}.ledger-header-left h1{margin:0;font-size:27px;font-weight:750;letter-spacing:-.5px}.ledger-header-left p{margin:5px 0 0;color:#64748b;font-size:14px}.header-actions{display:flex;gap:10px}.header-refresh-button,.header-print-button{height:42px;padding:0 17px;border-radius:9px;font-size:13px;font-weight:650;cursor:pointer;transition:.2s ease}.header-refresh-button{border:1px solid #dce2eb;background:#fff;color:#334155}.header-refresh-button:hover{background:#f8fafc}.header-print-button{border:1px solid #1d4ed8;background:#2563eb;color:#fff}.header-print-button:hover{background:#1d4ed8}.customer-profile-card{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:22px;display:flex;align-items:center;gap:17px;margin-bottom:18px;box-shadow:0 3px 14px #0f172a09}.customer-profile-avatar{width:64px;height:64px;min-width:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:25px;font-weight:750}.customer-profile-info{flex:1}.customer-profile-info h2{margin:0 0 6px;font-size:21px;font-weight:750}.customer-phone{padding:0;border:0;background:transparent;color:#475569;font-size:13px;cursor:pointer}.customer-phone:hover{color:#2563eb}.customer-status{display:inline-flex;align-items:center;gap:6px;margin-left:12px;color:#16a34a;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;background:#22c55e;border-radius:50%}.customer-balance-box{min-width:220px;text-align:right;padding-left:20px;border-left:1px solid #edf0f4}.customer-balance-box span,.customer-balance-box small{display:block}.customer-balance-box span{color:#64748b;font-size:12px;margin-bottom:5px}.customer-balance-box strong{font-size:23px;font-weight:750}.customer-balance-box small{margin-top:3px;color:#94a3b8;font-size:11px}.balance-due{color:#dc2626!important}.balance-credit{color:#16a34a!important}.balance-zero{color:#64748b!important}.date-filter-card{background:#fff;border:1px solid #e4e8ef;border-radius:15px;padding:20px;margin-bottom:18px;box-shadow:0 3px 14px #0f172a08}.date-filter-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.date-filter-icon{width:39px;height:39px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:18px}.date-filter-heading h3{margin:0;font-size:15px;font-weight:700}.date-filter-heading p{margin:3px 0 0;color:#94a3b8;font-size:12px}.quick-date-filters{display:flex;gap:8px;flex-wrap:wrap}.quick-date-button{border:1px solid #dfe4ec;background:#fff;color:#475569;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s ease}.quick-date-button:hover{border-color:#93c5fd;color:#2563eb}.quick-date-button.active{background:#2563eb;color:#fff;border-color:#2563eb}.custom-date-area{display:flex;align-items:end;gap:12px;margin-top:18px;padding-top:17px;border-top:1px solid #eef1f5}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:11px;font-weight:700;color:#64748b}.date-input-group input{height:39px;min-width:165px;box-sizing:border-box;padding:0 11px;border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;outline:none}.date-input-group input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.date-range-arrow{height:39px;display:flex;align-items:center;color:#94a3b8;font-size:18px}.apply-date-button{height:39px;padding:0 17px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.apply-date-button:hover{background:#1d4ed8}.clear-date-button{height:39px;padding:0 15px;border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#64748b;font-size:12px;font-weight:650;cursor:pointer}.clear-date-button:hover{background:#f8fafc}.active-period{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:7px 11px;border-radius:7px;background:#f8fafc;color:#64748b;font-size:11px}.active-period strong{color:#334155}.ledger-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.ledger-summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:18px;box-shadow:0 3px 14px #0f172a08}.summary-card-top{display:flex;justify-content:space-between;align-items:center}.summary-card-top span{color:#64748b;font-size:12px;font-weight:600}.summary-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f8fafc;color:#64748b;font-size:14px}.ledger-summary-card>strong{display:block;margin-top:12px;color:#172033;font-size:22px;font-weight:750}.ledger-summary-card small{display:block;margin-top:4px;color:#94a3b8;font-size:11px}.ledger-summary-card.opening{border-top:3px solid #64748b}.ledger-summary-card.debit{border-top:3px solid #ef4444}.ledger-summary-card.credit{border-top:3px solid #22c55e}.ledger-summary-card.closing{border-top:3px solid #2563eb}.secondary-summary{background:#fff;border:1px solid #e4e8ef;border-radius:13px;display:flex;align-items:center;margin-bottom:18px;padding:14px 5px}.secondary-item{flex:1;text-align:center}.secondary-item span{display:block;color:#94a3b8;font-size:11px;margin-bottom:5px}.secondary-item strong{color:#334155;font-size:14px;font-weight:700}.secondary-divider{width:1px;height:28px;background:#e8ebf0}.text-orange{color:#ea580c!important}.text-green{color:#16a34a!important}.ledger-main-card{background:#fff;border:1px solid #e4e8ef;border-radius:15px;overflow:hidden;box-shadow:0 3px 14px #0f172a09}.ledger-main-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px;border-bottom:1px solid #edf0f4}.ledger-main-header h2{margin:0;font-size:17px;font-weight:750}.ledger-main-header p{margin:4px 0 0;color:#94a3b8;font-size:12px}.ledger-header-search{width:320px;height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;box-sizing:border-box;border:1px solid #dfe4ec;border-radius:8px;background:#fff}.ledger-header-search>span{color:#94a3b8;font-size:17px}.ledger-header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:#334155}.ledger-header-search input::placeholder{color:#a0a9b7}.ledger-header-search button{border:0;background:transparent;color:#94a3b8;font-size:17px;cursor:pointer}.opening-balance-row{display:flex;align-items:center;justify-content:space-between;padding:14px 21px;background:#f8fafc;border-bottom:1px solid #edf0f4}.opening-balance-left{display:flex;align-items:center;gap:11px}.opening-icon{width:33px;height:33px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#475569;font-size:14px}.opening-balance-left strong{display:block;color:#334155;font-size:12px}.opening-balance-left span{display:block;margin-top:2px;color:#94a3b8;font-size:10px}.opening-amount{color:#334155;font-size:14px}.ledger-table-wrapper{width:100%;overflow-x:auto}.customer-ledger-table{width:100%;border-collapse:collapse;min-width:1050px}.customer-ledger-table thead{background:#fafbfc}.customer-ledger-table th{padding:12px 14px;text-align:left;color:#64748b;border-bottom:1px solid #e8ebf0;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}.customer-ledger-table th.amount-header{text-align:right}.customer-ledger-table td{padding:14px;border-bottom:1px solid #f0f2f5;vertical-align:middle;font-size:12px}.customer-ledger-table tbody tr{transition:background .15s ease}.customer-ledger-table tbody tr:hover{background:#fafcff}.customer-ledger-table tbody tr:last-child td{border-bottom:0}.ledger-date-cell strong{display:block;color:#334155;font-size:11px;font-weight:700}.ledger-date-cell span{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.ledger-type{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750}.ledger-type-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px}.ledger-type.sale{color:#dc2626}.ledger-type.sale .ledger-type-icon{background:#fef2f2}.ledger-type.partial{color:#d97706}.ledger-type.partial .ledger-type-icon{background:#fffbeb}.ledger-type.paid{color:#16a34a}.ledger-type.paid .ledger-type-icon{background:#f0fdf4}.ledger-type.payment{color:#16a34a}.ledger-type.payment .ledger-type-icon{background:#f0fdf4}.ledger-type.give{color:#ea580c}.ledger-type.give .ledger-type-icon{background:#fff7ed}.ledger-type.default{color:#64748b}.ledger-type.default .ledger-type-icon{background:#f1f5f9}.ledger-description strong{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:12px;font-weight:650}.partial-note,.paid-note{display:inline-block;margin-top:4px;font-size:9px;font-weight:600}.partial-note{color:#d97706}.paid-note{color:#16a34a}.bill-number{display:inline-block;padding:5px 8px;border-radius:6px;background:#f8fafc;color:#475569;font-size:10px;font-weight:700}.no-bill{color:#cbd5e1}.amount-cell{text-align:right;white-space:nowrap}.debit-amount{color:#dc2626;font-size:12px}.credit-amount{color:#16a34a;font-size:12px}.amount-dash{color:#cbd5e1}.running-balance{font-size:12px;font-weight:750}.running-balance.positive{color:#dc2626}.running-balance.negative{color:#16a34a}.running-balance.zero{color:#64748b}.ledger-loading{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#64748b}.ledger-spinner{width:30px;height:30px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:ledgerSpin .8s linear infinite}.ledger-loading h3{margin:15px 0 3px;color:#334155;font-size:14px}.ledger-loading p{margin:0;color:#94a3b8;font-size:11px}.ledger-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-ledger-icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8;font-size:22px}.ledger-empty h3{margin:14px 0 5px;color:#334155;font-size:15px}.ledger-empty p{margin:0;color:#94a3b8;font-size:12px}.clear-empty-button{margin-top:15px;border:0;border-radius:8px;background:#eff6ff;color:#2563eb;padding:9px 14px;font-size:11px;font-weight:700;cursor:pointer}.closing-balance-row{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-top:1px solid #e8ebf0;background:#fafbfc}.closing-left{display:flex;align-items:center;gap:11px}.closing-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-weight:700}.closing-left strong{display:block;color:#334155;font-size:13px}.closing-left span{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.closing-right{text-align:right}.closing-right strong{display:block;font-size:18px;font-weight:750}.closing-right span{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.ledger-legend{margin-top:14px;padding:14px 17px;border:1px solid #e4e8ef;border-radius:12px;background:#fff}.legend-title{margin-bottom:10px;color:#475569;font-size:11px;font-weight:750}.legend-items{display:flex;flex-wrap:wrap;gap:18px}.legend-item{display:flex;align-items:center;gap:7px;color:#64748b;font-size:10px}.legend-dot{width:8px;height:8px;border-radius:50%}.debit-dot{background:#ef4444}.credit-dot{background:#22c55e}.give-dot{background:#f97316}.paid-dot{background:#16a34a}.ledger-empty-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-large-icon{width:65px;height:65px;border-radius:18px;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:750}.ledger-empty-page h2{margin:18px 0 7px;color:#334155;font-size:20px}.ledger-empty-page p{margin:0 0 18px;color:#94a3b8;font-size:13px}.primary-button{border:0;border-radius:9px;padding:10px 17px;background:#2563eb;color:#fff;font-size:12px;font-weight:700;cursor:pointer}@media(max-width:1100px){.ledger-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-balance-box{min-width:180px}}@media(max-width:800px){.ledger-details-page{padding:16px}.ledger-top-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-refresh-button,.header-print-button{flex:1}.customer-profile-card{align-items:flex-start;flex-wrap:wrap}.customer-balance-box{width:100%;border-left:0;border-top:1px solid #edf0f4;padding:15px 0 0;text-align:left}.secondary-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.secondary-divider{display:none}.ledger-main-header{align-items:flex-start;flex-direction:column}.ledger-header-search{width:100%}.custom-date-area{align-items:stretch;flex-direction:column}.date-range-arrow{display:none}.date-input-group input,.apply-date-button,.clear-date-button{width:100%}}@media(max-width:550px){.ledger-summary-grid{grid-template-columns:1fr}.ledger-header-left h1{font-size:22px}.quick-date-filters{display:grid;grid-template-columns:repeat(2,1fr)}.quick-date-button{width:100%}.secondary-summary{grid-template-columns:1fr}.secondary-item{text-align:left;padding:0 12px}.customer-profile-avatar{width:52px;height:52px;min-width:52px}.customer-profile-info h2{font-size:18px}}@media print{@page{size:landscape;margin:10mm}body{background:#fff!important}.ledger-details-page{padding:0;background:#fff}.ledger-details-container{max-width:none}.back-button,.header-actions,.header-refresh-button,.header-print-button,.ledger-header-search,.quick-date-filters,.custom-date-area,.ledger-legend{display:none!important}.ledger-top-header{margin-bottom:12px}.ledger-main-card,.customer-profile-card,.date-filter-card,.ledger-summary-card,.secondary-summary{box-shadow:none!important}.customer-profile-card,.date-filter-card,.ledger-summary-card,.secondary-summary,.ledger-main-card{break-inside:avoid}.ledger-table-wrapper{overflow:visible}.customer-ledger-table{min-width:0}.customer-ledger-table th,.customer-ledger-table td{padding:8px 7px}.customer-ledger-table th{font-size:8px}.customer-ledger-table td{font-size:9px}.ledger-description strong{max-width:none}.opening-balance-row,.closing-balance-row{break-inside:avoid}}.advance-ledger-page{min-height:100vh;background:#f5f7fb;padding:28px;box-sizing:border-box;color:#172033;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.advance-ledger-container{width:100%;max-width:1550px;margin:0 auto}.advance-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.advance-header-left{display:flex;align-items:center;gap:14px}.advance-back-button{width:44px;height:44px;border:1px solid #e1e6ef;border-radius:11px;background:#fff;color:#334155;font-size:21px;cursor:pointer;transition:.2s ease}.advance-back-button:hover{background:#f8fafc;transform:translate(-2px)}.advance-header-left h1{margin:0;font-size:26px;font-weight:750;letter-spacing:-.5px}.advance-header-left p{margin:5px 0 0;color:#64748b;font-size:13px}.advance-header-actions{display:flex;gap:9px}.advance-refresh-button,.advance-pdf-button{height:42px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer}.advance-refresh-button{border:1px solid #dce2eb;background:#fff;color:#475569}.advance-refresh-button:hover{background:#f8fafc}.advance-pdf-button{border:1px solid #1d4ed8;background:#2563eb;color:#fff}.advance-pdf-button:hover{background:#1d4ed8}.advance-customer-card{display:flex;align-items:center;gap:17px;padding:21px;margin-bottom:17px;border:1px solid #e4e8ef;border-radius:15px;background:#fff;box-shadow:0 3px 14px #0f172a09}.advance-avatar{width:63px;height:63px;min-width:63px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:24px;font-weight:750}.advance-customer-info{flex:1}.advance-customer-info h2{margin:0 0 6px;font-size:20px}.advance-phone{border:0;background:transparent;padding:0;color:#475569;cursor:pointer;font-size:12px}.advance-phone:hover{color:#2563eb}.advance-live{display:inline-flex;align-items:center;gap:6px;margin-left:12px;color:#16a34a;font-size:11px;font-weight:600}.advance-live span{width:7px;height:7px;border-radius:50%;background:#22c55e}.advance-customer-balance{min-width:220px;padding-left:20px;border-left:1px solid #edf0f4;text-align:right}.advance-customer-balance span{display:block;color:#64748b;font-size:11px}.advance-customer-balance strong{display:block;margin-top:4px;font-size:23px}.advance-customer-balance small{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.advance-red{color:#dc2626!important}.advance-green{color:#16a34a!important}.advance-orange{color:#ea580c!important}.advance-gray{color:#64748b!important}.advance-date-card{padding:19px;margin-bottom:17px;border:1px solid #e4e8ef;border-radius:14px;background:#fff}.advance-date-heading{display:flex;align-items:center;gap:11px;margin-bottom:16px}.advance-date-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb}.advance-date-heading h3{margin:0;font-size:14px}.advance-date-heading p{margin:3px 0 0;color:#94a3b8;font-size:11px}.advance-quick-filters{display:flex;gap:8px;flex-wrap:wrap}.advance-filter{padding:8px 13px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#475569;font-size:11px;font-weight:650;cursor:pointer}.advance-filter:hover{border-color:#93c5fd;color:#2563eb}.advance-filter.active{border-color:#2563eb;background:#2563eb;color:#fff}.advance-custom-date{display:flex;align-items:end;gap:11px;margin-top:17px;padding-top:16px;border-top:1px solid #edf0f4}.advance-custom-date>div{display:flex;flex-direction:column;gap:5px}.advance-custom-date label{color:#64748b;font-size:10px;font-weight:700}.advance-custom-date input{width:165px;height:38px;padding:0 10px;box-sizing:border-box;border:1px solid #dce2eb;border-radius:8px;outline:none;background:#fff;color:#334155;font-size:12px}.advance-custom-date input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.advance-arrow{height:38px;display:flex;align-items:center;color:#94a3b8}.advance-apply,.advance-clear{height:38px;padding:0 15px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700}.advance-apply{border:0;background:#2563eb;color:#fff}.advance-clear{border:1px solid #dce2eb;background:#fff;color:#64748b}.advance-period{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 10px;border-radius:7px;background:#f8fafc;color:#64748b;font-size:10px}.advance-period strong{color:#334155}.advance-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:13px}.advance-summary-card{padding:17px;border:1px solid #e4e8ef;border-top-width:3px;border-radius:13px;background:#fff}.advance-summary-card span{display:block;color:#64748b;font-size:11px;font-weight:600}.advance-summary-card strong{display:block;margin-top:10px;color:#172033;font-size:19px}.advance-summary-card small{display:block;margin-top:4px;color:#94a3b8;font-size:9px}.advance-summary-card.opening{border-top-color:#64748b}.advance-summary-card.sales{border-top-color:#2563eb}.advance-summary-card.units{border-top-color:#8b5cf6}.advance-summary-card.credit{border-top-color:#22c55e}.advance-summary-card.closing{border-top-color:#f59e0b}.advance-secondary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:17px;padding:13px 5px;border:1px solid #e4e8ef;border-radius:12px;background:#fff}.advance-secondary>div{padding:0 15px;text-align:center;border-right:1px solid #edf0f4}.advance-secondary>div:last-child{border-right:0}.advance-secondary span{display:block;color:#94a3b8;font-size:10px}.advance-secondary strong{display:block;margin-top:4px;color:#334155;font-size:13px}.advance-main-card{overflow:hidden;border:1px solid #e4e8ef;border-radius:15px;background:#fff;box-shadow:0 3px 14px #0f172a09}.advance-main-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid #edf0f4}.advance-main-header h2{margin:0;font-size:16px}.advance-main-header p{margin:4px 0 0;color:#94a3b8;font-size:11px}.advance-main-actions{display:flex;align-items:center;gap:7px}.advance-main-actions>button{height:35px;padding:0 10px;border:1px solid #dfe4ec;border-radius:7px;background:#fff;color:#64748b;font-size:10px;font-weight:650;cursor:pointer}.advance-main-actions>button:hover{background:#f8fafc;color:#2563eb}.advance-search{width:245px;height:35px;display:flex;align-items:center;gap:7px;padding:0 9px;box-sizing:border-box;border:1px solid #dfe4ec;border-radius:7px}.advance-search span{color:#94a3b8}.advance-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:10px}.advance-search button{border:0;background:transparent;color:#94a3b8;cursor:pointer}.advance-opening-row{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:#f8fafc;border-bottom:1px solid #edf0f4}.advance-opening-row>div:first-child{display:flex;align-items:center;gap:10px}.advance-opening-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e2e8f0;color:#475569}.advance-opening-row strong{display:block;color:#334155;font-size:11px}.advance-opening-row span{display:block;margin-top:2px;color:#94a3b8;font-size:9px}.advance-transaction{border-bottom:1px solid #edf0f4}.advance-transaction:last-child{border-bottom:0}.advance-transaction-row{min-height:74px;display:grid;grid-template-columns:105px 125px minmax(180px,1fr) 85px 105px 105px 115px 35px;align-items:center;gap:10px;padding:10px 20px;box-sizing:border-box;transition:background .15s ease}.advance-transaction-row:hover{background:#fafcff}.advance-date strong{display:block;color:#334155;font-size:10px}.advance-date span{display:block;margin-top:3px;color:#94a3b8;font-size:9px}.advance-type{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:750}.advance-type>div{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px}.advance-type.sale{color:#dc2626}.advance-type.sale>div{background:#fef2f2}.advance-type.partial{color:#d97706}.advance-type.partial>div{background:#fffbeb}.advance-type.paid{color:#16a34a}.advance-type.paid>div{background:#f0fdf4}.advance-type.payment{color:#16a34a}.advance-type.payment>div{background:#f0fdf4}.advance-type.give{color:#ea580c}.advance-type.give>div{background:#fff7ed}.advance-description strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:11px}.advance-sale-meta{display:flex;align-items:center;gap:5px;margin-top:4px;color:#94a3b8;font-size:9px}.advance-bill span{display:inline-block;padding:5px 7px;border-radius:6px;background:#f8fafc;color:#475569;font-size:9px;font-weight:700}.muted{color:#cbd5e1!important}.advance-amount{text-align:right}.advance-amount small,.advance-running small{display:block;margin-bottom:3px;color:#94a3b8;font-size:8px}.advance-amount strong{font-size:10px}.advance-amount.debit strong{color:#dc2626}.advance-amount.credit strong{color:#16a34a}.advance-running{text-align:right}.advance-running strong{font-size:11px}.advance-expand-button{width:29px;height:29px;border:1px solid #dbe3ee;border-radius:7px;background:#fff;color:#64748b;font-size:10px;cursor:pointer}.advance-expand-button:hover{border-color:#93c5fd;background:#eff6ff;color:#2563eb}.advance-products-panel{margin:0 20px 14px;border:1px solid #dfe6ef;border-radius:11px;background:#fbfcfe;overflow:hidden}.advance-products-header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f8fafc;border-bottom:1px solid #e7ebf0}.advance-products-header h3{margin:0;font-size:12px;color:#334155}.advance-products-header p{margin:3px 0 0;color:#94a3b8;font-size:9px}.advance-product-summary{display:flex;gap:7px}.advance-product-summary span{padding:5px 8px;border-radius:6px;background:#fff;border:1px solid #e3e8ef;color:#64748b;font-size:9px;font-weight:650}.advance-products-table-wrapper{overflow-x:auto}.advance-products-table{width:100%;border-collapse:collapse;min-width:750px}.advance-products-table th{padding:9px 12px;background:#fff;border-bottom:1px solid #e7ebf0;color:#64748b;text-align:left;font-size:8px;font-weight:750;text-transform:uppercase}.advance-products-table th.right,.advance-products-table td.right{text-align:right}.advance-products-table td{padding:10px 12px;border-bottom:1px solid #edf0f4;color:#475569;font-size:10px}.advance-products-table tbody tr:last-child td{border-bottom:0}.product-number{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:700}.product-name-cell strong{display:block;color:#334155;font-size:10px;font-weight:700}.product-name-cell span{display:block;margin-top:3px;color:#a0a9b7;font-size:8px}.discount-badge{display:inline-block;padding:4px 6px;border-radius:5px;background:#fff7ed;color:#ea580c;font-size:8px;font-weight:700}.product-total{color:#334155}.no-products{padding:25px;text-align:center;color:#94a3b8;font-size:10px}.advance-sale-footer{display:flex;align-items:center;justify-content:flex-end;gap:30px;padding:12px 15px;border-top:1px solid #e7ebf0;background:#fff}.advance-sale-footer>div{text-align:right}.advance-sale-footer span{display:block;color:#94a3b8;font-size:8px}.advance-sale-footer strong{display:block;margin-top:3px;color:#334155;font-size:11px}.advance-sale-note{display:flex;gap:6px;padding:9px 15px;border-top:1px solid #edf0f4;background:#fafbfc;color:#64748b;font-size:9px}.advance-sale-note strong{color:#475569}.advance-closing-row{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#fafbfc;border-top:1px solid #e7ebf0}.advance-closing-row>div:first-child{display:flex;align-items:center;gap:10px}.advance-closing-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#2563eb}.advance-closing-row strong{display:block;font-size:16px}.advance-closing-row span{display:block;margin-top:3px;color:#94a3b8;font-size:9px}.advance-loading{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column}.advance-spinner{width:29px;height:29px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:advanceSpin .8s linear infinite}@keyframes advanceSpin{to{transform:rotate(360deg)}}.advance-loading h3{margin:14px 0 4px;color:#334155;font-size:13px}.advance-loading p{margin:0;color:#94a3b8;font-size:10px}.advance-empty{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.advance-empty>div{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#f1f5f9;color:#94a3b8;font-size:21px}.advance-empty h3{margin:14px 0 5px;font-size:14px}.advance-empty p{margin:0;color:#94a3b8;font-size:10px}.advance-empty button{margin-top:14px;padding:8px 13px;border:0;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:700;cursor:pointer}.advance-empty-page{min-height:75vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.advance-empty-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#fef2f2;color:#dc2626;font-size:27px;font-weight:750}.advance-empty-page h2{margin:17px 0 6px;font-size:19px}.advance-empty-page p{margin:0 0 16px;color:#94a3b8;font-size:12px}.advance-primary-button{border:0;border-radius:8px;padding:10px 16px;background:#2563eb;color:#fff;font-size:11px;font-weight:700;cursor:pointer}@media(max-width:1250px){.advance-summary-grid{grid-template-columns:repeat(3,1fr)}.advance-transaction-row{grid-template-columns:95px 115px minmax(160px,1fr) 75px 95px 95px 105px 30px}}@media(max-width:1000px){.advance-ledger-page{padding:17px}.advance-header{align-items:flex-start;flex-direction:column}.advance-header-actions{width:100%}.advance-refresh-button,.advance-pdf-button{flex:1}.advance-customer-card{flex-wrap:wrap}.advance-customer-balance{width:100%;border-left:0;border-top:1px solid #edf0f4;padding:14px 0 0;text-align:left}.advance-main-header{align-items:flex-start;flex-direction:column}.advance-main-actions{width:100%;flex-wrap:wrap}.advance-search{flex:1;min-width:220px}}@media(max-width:700px){.advance-summary-grid{grid-template-columns:repeat(2,1fr)}.advance-secondary{grid-template-columns:repeat(2,1fr);gap:15px}.advance-secondary>div{border-right:0}.advance-custom-date{align-items:stretch;flex-direction:column}.advance-arrow{display:none}.advance-custom-date input,.advance-apply,.advance-clear{width:100%}.advance-transaction-row{min-width:900px}.advance-transactions{overflow-x:auto}.advance-products-panel{min-width:850px}}@media(max-width:500px){.advance-summary-grid,.advance-secondary{grid-template-columns:1fr}.advance-header-left h1{font-size:21px}.advance-quick-filters{display:grid;grid-template-columns:repeat(2,1fr)}.advance-filter{width:100%}}@media print{@page{size:landscape;margin:10mm}body{background:#fff!important}.advance-ledger-page{padding:0;background:#fff}.advance-back-button,.advance-header-actions,.advance-main-actions,.advance-date-card,.advance-search,.advance-expand-button{display:none!important}.advance-ledger-container{max-width:none}.advance-customer-card,.advance-summary-card,.advance-secondary,.advance-main-card{box-shadow:none!important}}.ledger-details-page{min-height:100vh;background:#f6f8fb;padding:24px;box-sizing:border-box;color:#172033}.ledger-details-container{width:100%;max-width:1500px;margin:0 auto}.ledger-report-summary{margin-top:20px;background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:20px;box-shadow:0 2px 7px #10182808}.ledger-report-summary>div:first-child{margin-bottom:18px}.ledger-report-summary h3{margin:0;color:#101828;font-size:16px;font-weight:700;letter-spacing:-.2px}.ledger-report-summary p{margin:5px 0 0;color:#667085;font-size:12px;line-height:1.5}.report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-summary-item{min-height:78px;padding:14px 15px;box-sizing:border-box;background:#f8fafc;border:1px solid #edf0f4;border-radius:10px;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.report-summary-item:hover{border-color:#d9dee7;background:#f9fafb;transform:translateY(-1px)}.report-summary-item span{display:block;margin-bottom:7px;color:#667085;font-size:11px;font-weight:600}.report-summary-item strong{display:block;color:#101828;font-size:16px;font-weight:750;letter-spacing:-.2px}.report-summary-item.closing{background:#f5f7ff;border-color:#e0e5ff}.report-summary-item.closing span{color:#4f46e5}.report-summary-item.closing strong{color:#4338ca;font-size:18px}@media(max-width:900px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ledger-report-summary{padding:15px}.report-summary-grid{grid-template-columns:1fr;gap:10px}.report-summary-item{min-height:72px}.report-summary-item strong{font-size:15px}.report-summary-item.closing strong{font-size:17px}}.ledger-top-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ledger-header-left{display:flex;align-items:center;gap:16px;min-width:0}.back-button{width:42px;height:42px;border:1px solid #e1e6ee;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#344054;font-size:18px;transition:all .2s ease;flex-shrink:0}.back-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(-2px)}.ledger-top-header h1{margin:0;font-size:25px;font-weight:700;color:#101828;letter-spacing:-.3px}.ledger-top-header p{margin:4px 0 0;color:#667085;font-size:14px}.header-actions{display:flex;align-items:center;gap:10px}.header-refresh-button,.header-print-button{height:40px;padding:0 15px;border-radius:9px;border:1px solid #dfe4ec;background:#fff;color:#344054;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:all .2s ease}.header-refresh-button:hover,.header-print-button:hover{background:#f8fafc;border-color:#cbd5e1}.header-refresh-button:disabled{opacity:.6;cursor:not-allowed}.header-print-button{background:#111827;color:#fff;border-color:#111827}.header-print-button:hover{background:#1f2937;border-color:#1f2937}.customer-profile-card{background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 2px 7px #10182808}.customer-profile-info{display:flex;align-items:center;gap:15px;min-width:0}.customer-profile-avatar{width:54px;height:54px;min-width:54px;border-radius:50%;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}.customer-profile-info h2{margin:0;font-size:18px;font-weight:700;color:#101828}.customer-profile-info p{margin:4px 0 0;font-size:13px;color:#667085}.customer-status{display:inline-flex;align-items:center;margin-top:7px;padding:4px 9px;border-radius:20px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:600}.customer-balance-box{min-width:190px;text-align:right}.customer-balance-box span{display:block;color:#667085;font-size:12px;margin-bottom:4px}.customer-balance-box strong{font-size:22px;font-weight:750;color:#101828}.date-filter-card{background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:18px;margin-bottom:20px;box-shadow:0 2px 7px #10182808}.date-filter-title{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#344054;font-size:13px;font-weight:700}.quick-date-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-date-button{border:1px solid #dfe4ec;background:#fff;color:#475467;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-date-button:hover{border-color:#aeb8c6;background:#f8fafc}.quick-date-button.active{background:#111827;color:#fff;border-color:#111827}.custom-date-area{margin-top:15px;padding-top:15px;border-top:1px solid #edf0f4;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.custom-date-field{display:flex;flex-direction:column;gap:6px}.custom-date-field label{font-size:11px;font-weight:700;color:#475467}.custom-date-field input{height:38px;min-width:165px;padding:0 11px;border:1px solid #dfe4ec;border-radius:8px;outline:none;background:#fff;color:#101828;font-size:13px;transition:border .2s ease,box-shadow .2s ease;box-sizing:border-box}.custom-date-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.active-period{margin-top:13px;color:#667085;font-size:12px}.ledger-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.ledger-summary-card{background:#fff;border:1px solid #e7ebf0;border-radius:13px;padding:17px;min-height:94px;box-sizing:border-box;box-shadow:0 2px 7px #10182808}.ledger-summary-card span{display:block;color:#667085;font-size:12px;font-weight:600;margin-bottom:9px}.ledger-summary-card strong{display:block;color:#101828;font-size:21px;font-weight:750;letter-spacing:-.2px}.ledger-summary-card small{display:block;margin-top:5px;color:#98a2b3;font-size:11px}.ledger-summary-card.debit strong{color:#b42318}.ledger-summary-card.credit strong{color:#027a48}.ledger-summary-card.balance strong{color:#344054}.ledger-table-card{background:#fff;border:1px solid #e7ebf0;border-radius:14px;overflow:hidden;box-shadow:0 2px 7px #10182808}.ledger-table-header{padding:17px 18px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:15px}.ledger-table-header h3{margin:0;font-size:15px;font-weight:700;color:#101828}.ledger-table-header p{margin:4px 0 0;font-size:12px;color:#667085}.ledger-search-wrapper{position:relative;width:250px}.ledger-search-wrapper input{width:100%;height:37px;box-sizing:border-box;border:1px solid #dfe4ec;border-radius:8px;padding:0 12px;outline:none;font-size:12px;color:#101828;background:#fff}.ledger-search-wrapper input::placeholder{color:#98a2b3}.ledger-search-wrapper input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.ledger-table-scroll{width:100%;overflow-x:auto}.ledger-details-table{width:100%;border-collapse:collapse;min-width:900px}.ledger-details-table thead{background:#f8fafc}.ledger-details-table th{padding:12px 15px;text-align:left;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1px solid #eaeef3}.ledger-details-table td{padding:14px 15px;border-bottom:1px solid #f0f2f5;color:#344054;font-size:12px;vertical-align:middle}.ledger-details-table tbody tr{transition:background .15s ease}.ledger-details-table tbody tr:hover{background:#fafbfc}.ledger-details-table tbody tr:last-child td{border-bottom:none}.ledger-date{white-space:nowrap}.ledger-date-main{display:block;font-weight:600;color:#344054}.ledger-date-time{display:block;margin-top:3px;font-size:10px;color:#98a2b3}.ledger-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap}.ledger-type-badge.purchase{background:#fff4ed;color:#c4320a}.ledger-type-badge.payment,.ledger-type-badge.get{background:#ecfdf3;color:#027a48}.ledger-type-badge.give{background:#fff4ed;color:#c4320a}.ledger-type-badge.manual{background:#eff8ff;color:#175cd3}.ledger-description{max-width:280px}.ledger-description-main{font-weight:600;color:#344054}.ledger-description-sub{margin-top:3px;color:#98a2b3;font-size:10px}.ledger-debit{color:#b42318!important;font-weight:700;white-space:nowrap}.ledger-credit{color:#027a48!important;font-weight:700;white-space:nowrap}.ledger-running-balance{color:#101828!important;font-weight:750;white-space:nowrap}.opening-balance-row{background:#f8fafc}.opening-balance-row td{font-weight:600;color:#475467;border-bottom:1px solid #e4e7ec}.opening-balance-label{font-weight:700;color:#344054}.ledger-empty-state{padding:55px 20px;text-align:center}.ledger-empty-state-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:20px}.ledger-empty-state h4{margin:0;color:#344054;font-size:14px;font-weight:700}.ledger-empty-state p{margin:5px 0 0;color:#98a2b3;font-size:12px}.ledger-report-summary{margin-top:20px;background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:19px;box-shadow:0 2px 7px #10182808}.ledger-report-summary h3{margin:0 0 15px;font-size:15px;font-weight:700;color:#101828}.ledger-report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ledger-report-summary-item{background:#f8fafc;border:1px solid #edf0f4;border-radius:9px;padding:13px}.ledger-report-summary-item span{display:block;color:#667085;font-size:11px;margin-bottom:6px}.ledger-report-summary-item strong{color:#101828;font-size:15px;font-weight:750}.ledger-loading{min-height:300px;display:flex;align-items:center;justify-content:center;color:#667085;font-size:13px}.ledger-spinner{width:20px;height:20px;border:2px solid #e4e7ec;border-top-color:#111827;border-radius:50%;animation:ledgerSpin .7s linear infinite;margin-right:9px}@keyframes ledgerSpin{to{transform:rotate(360deg)}}.ledger-error{padding:14px 16px;margin-bottom:18px;border-radius:9px;background:#fef3f2;border:1px solid #fecdca;color:#b42318;font-size:12px;font-weight:600}@media(max-width:1100px){.ledger-details-page{padding:18px}.ledger-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-card{align-items:flex-start}.customer-balance-box{min-width:160px}}@media(max-width:768px){.ledger-details-page{padding:12px}.ledger-top-header{align-items:flex-start;flex-direction:column}.ledger-header-left{width:100%}.ledger-top-header h1{font-size:21px}.header-actions{width:100%}.header-refresh-button,.header-print-button{flex:1}.customer-profile-card{flex-direction:column;align-items:stretch}.customer-balance-box{text-align:left;border-top:1px solid #edf0f4;padding-top:14px;min-width:auto}.quick-date-filters{display:grid;grid-template-columns:repeat(2,1fr)}.quick-date-button{width:100%}.custom-date-area{display:grid;grid-template-columns:1fr}.custom-date-field input{width:100%;min-width:0}.ledger-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.ledger-summary-card{padding:14px}.ledger-summary-card strong{font-size:18px}.ledger-table-header{align-items:stretch;flex-direction:column}.ledger-search-wrapper{width:100%}.ledger-report-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.ledger-details-page{padding:9px}.ledger-header-left{gap:10px}.back-button{width:38px;height:38px}.ledger-top-header h1{font-size:19px}.ledger-top-header p{font-size:12px}.customer-profile-card{padding:15px}.customer-profile-avatar{width:46px;height:46px;min-width:46px;font-size:18px}.customer-profile-info h2{font-size:16px}.customer-balance-box strong{font-size:20px}.date-filter-card{padding:14px}.quick-date-filters{grid-template-columns:1fr 1fr}.quick-date-button{padding:8px 7px;font-size:11px}.ledger-summary-card{min-height:85px;padding:12px}.ledger-summary-card span{font-size:10px}.ledger-summary-card strong{font-size:16px}.ledger-table-header,.ledger-report-summary{padding:14px}}@media print{.ledger-details-page{background:#fff;padding:0}.ledger-details-container{max-width:none}.back-button,.header-actions,.date-filter-card,.ledger-search-wrapper{display:none!important}.ledger-top-header{margin-bottom:15px}.customer-profile-card,.ledger-summary-card,.ledger-table-card,.ledger-report-summary{box-shadow:none;border-color:#d0d5dd}.ledger-details-table{min-width:0}.ledger-details-table th,.ledger-details-table td{font-size:10px;padding:8px}.ledger-table-card{overflow:visible}}.top-selling-page{min-height:100vh;background:#f6f8fb;padding:24px;box-sizing:border-box;color:#172033}.top-selling-container{max-width:1500px;margin:0 auto}.top-selling-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.top-selling-header-left{display:flex;align-items:center;gap:15px}.top-selling-header-left h1{margin:0;font-size:25px;color:#101828;font-weight:700}.top-selling-header-left p{margin:4px 0 0;color:#667085;font-size:13px}.top-selling-header-actions{display:flex;gap:9px}.top-selling-refresh-btn,.top-selling-pdf-btn{height:40px;padding:0 15px;border-radius:9px;border:1px solid #dfe4ec;background:#fff;cursor:pointer;font-size:12px;font-weight:600}.top-selling-pdf-btn{background:#111827;border-color:#111827;color:#fff}.top-selling-refresh-btn:disabled,.top-selling-pdf-btn:disabled{opacity:.5;cursor:not-allowed}.top-selling-statistics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:20px}.top-selling-stat-card{background:#fff;border:1px solid #e7ebf0;border-radius:13px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 7px #10182808}.top-selling-stat-icon{width:40px;height:40px;min-width:40px;border-radius:9px;background:#f2f4f7;color:#344054;display:flex;align-items:center;justify-content:center;font-weight:700}.top-selling-stat-card span{display:block;color:#667085;font-size:11px;margin-bottom:5px}.top-selling-stat-card strong{color:#101828;font-size:16px;font-weight:750}.top-selling-card{background:#fff;border:1px solid #e7ebf0;border-radius:14px;overflow:hidden;box-shadow:0 2px 7px #10182808}.top-selling-toolbar{padding:15px 18px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:10px}.top-selling-search{width:300px;height:38px;border:1px solid #dfe4ec;border-radius:8px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box}.top-selling-search span{color:#98a2b3;margin-right:7px}.top-selling-search input{border:none;outline:none;width:100%;font-size:12px;color:#101828}.top-selling-search input::placeholder{color:#98a2b3}.top-selling-clear{border:none;background:transparent;font-size:18px;color:#98a2b3;cursor:pointer}.top-selling-filter,.top-selling-sort{margin-left:auto}.top-selling-sort{margin-left:0}.top-selling-filter select,.top-selling-sort select{height:38px;border:1px solid #dfe4ec;border-radius:8px;padding:0 11px;background:#fff;color:#344054;font-size:12px;outline:none}.top-selling-table-wrapper{width:100%;overflow-x:auto}.top-selling-table{width:100%;min-width:850px;border-collapse:collapse}.top-selling-table thead{background:#f8fafc}.top-selling-table th{padding:12px 15px;text-align:left;font-size:10px;font-weight:700;color:#667085;letter-spacing:.3px;border-bottom:1px solid #eaeef3}.top-selling-table td{padding:14px 15px;font-size:12px;color:#344054;border-bottom:1px solid #f0f2f5}.top-selling-table tbody tr:hover{background:#fafbfc}.top-selling-table tbody tr:last-child td{border-bottom:none}.product-rank{width:30px;height:30px;border-radius:8px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;font-weight:700;color:#667085}.product-rank.rank-first{background:#fff4cc;color:#8a6500}.product-rank.rank-second{background:#f2f4f7;color:#475467}.product-rank.rank-third{background:#fff0e6;color:#9c4a11}.top-product-cell{display:flex;align-items:center;gap:11px}.top-product-avatar{width:37px;height:37px;min-width:37px;border-radius:9px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700}.top-product-cell strong{display:block;color:#344054;font-size:12px;font-weight:700}.top-product-cell span{display:block;margin-top:3px;color:#98a2b3;font-size:10px}.units-sold-value{color:#101828;font-size:13px}.product-revenue{color:#344054}.product-profit{color:#027a48}.top-selling-message{height:250px;text-align:center!important;vertical-align:middle}.top-selling-message strong{display:block;margin-top:8px;font-size:14px;color:#344054}.top-selling-message span{display:block;margin-top:5px;font-size:11px;color:#98a2b3}.top-selling-empty-icon{width:45px;height:45px;border-radius:11px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#98a2b3;font-weight:700}.top-selling-loader{width:22px;height:22px;border:2px solid #e4e7ec;border-top-color:#111827;border-radius:50%;animation:topSellingSpin .7s linear infinite;margin:0 auto}@keyframes topSellingSpin{to{transform:rotate(360deg)}}.top-selling-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid #edf0f4;color:#667085;font-size:11px}.top-selling-footer strong{color:#344054}@media(max-width:1100px){.top-selling-statistics{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.top-selling-page{padding:15px}.top-selling-header{align-items:flex-start;flex-direction:column}.top-selling-header-actions{width:100%}.top-selling-refresh-btn,.top-selling-pdf-btn{flex:1}.top-selling-statistics{grid-template-columns:repeat(2,1fr)}.top-selling-toolbar{flex-wrap:wrap}.top-selling-search{width:100%}.top-selling-filter,.top-selling-sort{margin-left:0;flex:1}.top-selling-filter select,.top-selling-sort select{width:100%}}@media(max-width:500px){.top-selling-page{padding:10px}.top-selling-header-left h1{font-size:20px}.top-selling-statistics{grid-template-columns:1fr}.top-selling-toolbar{padding:12px}.top-selling-footer{flex-direction:column;align-items:flex-start;gap:6px}}.security-screen{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:30px 20px;box-sizing:border-box;background:radial-gradient(circle at top,rgba(75,85,99,.25),transparent 45%),#111827;color:#fff}.security-card{width:100%;max-width:460px;text-align:center;padding:45px 40px 35px;background:#1f2937eb;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 60px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.security-animation{width:130px;height:130px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.security-lock-icon{font-size:65px;animation:securityPulse 2s infinite ease-in-out}@keyframes securityPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.security-lock-heading-top{margin:0;font-size:27px;font-weight:700;letter-spacing:-.4px;color:#fff}.security-lock-description{margin:12px auto 28px;max-width:390px;font-size:15px;line-height:1.6;color:#ffffffb8}.security-input-container{position:relative;width:100%;margin-bottom:18px}.security-code-input{width:100%;height:55px;box-sizing:border-box;padding:0 55px 0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);outline:none;background:#ffffff0f;color:#fff;font-size:17px;font-weight:600;letter-spacing:3px;transition:all .2s ease}.security-code-input::placeholder{color:#ffffff80;letter-spacing:0;font-weight:400}.security-code-input:focus{border-color:#fff6;background:#ffffff17;box-shadow:0 0 0 3px #ffffff0d}.security-eye-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:9px;background:transparent;color:#fff;cursor:pointer;font-size:19px;opacity:.8;transition:.2s ease}.security-eye-button:hover{background:#ffffff14;opacity:1}.security-next-button{width:100%;height:52px;border:none;border-radius:12px;background:#fff;color:#111827;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;margin-bottom:18px}.security-next-button:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 8px 20px #0003}.security-next-button:active{transform:translateY(0)}.without-code-button{width:100%;padding:17px 15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff09;cursor:pointer;text-align:center;transition:all .2s ease}.without-code-button:hover{background:#ffffff12;border-color:#ffffff2e}.without-code-title{display:block;color:#fff;font-size:15px;font-weight:700;margin-bottom:5px}.without-code-description{display:block;color:#ffffff8c;font-size:13px}@media(max-width:600px){.security-screen{padding:20px 15px}.security-card{padding:35px 22px 25px;border-radius:20px}.security-animation{width:110px;height:110px}.security-lock-icon{font-size:55px}.security-lock-heading-top{font-size:23px}.security-lock-description{font-size:14px}}.add-product-page{min-height:100vh;background:#f5f7fb;padding:28px 35px 50px;box-sizing:border-box;color:#1f2937}.add-product-header{max-width:1100px;margin:0 auto 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left{display:flex;align-items:center;gap:15px}.back-button{width:44px;height:44px;border:none;border-radius:12px;background:#fff;color:#1f2937;font-size:25px;cursor:pointer;box-shadow:0 3px 12px #0000000f;transition:.2s}.back-button:hover{transform:translate(-2px);background:#f0f4ff}.add-product-header h1{margin:0;font-size:27px;font-weight:700;color:#111827}.add-product-header p{margin:5px 0 0;font-size:14px;color:#6b7280}.bulk-upload-button{border:none;background:#eef2ff;color:#4f46e5;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.bulk-upload-button:hover{background:#e0e7ff}.add-product-card{max-width:1100px;margin:auto;background:#fff;border-radius:18px;padding:35px;box-sizing:border-box;box-shadow:0 5px 25px #0f172a0f;border:1px solid #edf0f5}.product-image-section{margin-bottom:30px}.image-upload-box{width:150px;height:150px;display:block;border:2px dashed #d1d5db;border-radius:15px;cursor:pointer;overflow:hidden;background:#fafafa;transition:.2s}.image-upload-box:hover{border-color:#6366f1;background:#f8f9ff}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#6b7280}.image-plus{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2ff;color:#4f46e5;font-size:30px;font-weight:300}.image-placeholder span{font-size:12px;font-weight:600}.image-placeholder small{font-size:10px;color:#9ca3af}.image-preview-wrapper{width:100%;height:100%;position:relative}.product-image-preview{width:100%;height:100%;object-fit:cover}.remove-image-button{position:absolute;top:7px;right:7px;width:27px;height:27px;border:none;border-radius:50%;background:#000000a6;color:#fff;font-size:20px;line-height:20px;cursor:pointer}.form-group{position:relative;margin-bottom:23px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.form-group label span{color:#ef4444;margin-left:3px}.form-group input{width:100%;height:48px;box-sizing:border-box;border:1px solid #d9dee7;border-radius:10px;padding:0 14px;outline:none;background:#fff;color:#111827;font-size:14px;transition:.2s}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f117}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-input-wrapper{position:relative}.category-input-wrapper input{padding-right:45px}.dropdown-arrow{position:absolute;right:5px;top:5px;width:38px;height:38px;border:none;background:transparent;color:#6b7280;font-size:20px;cursor:pointer}.category-dropdown{position:absolute;z-index:20;left:0;right:0;top:78px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 30px #0000001f}.category-dropdown button{width:100%;border:none;background:#fff;padding:12px 15px;text-align:left;font-size:14px;cursor:pointer;color:#374151}.category-dropdown button:hover{background:#f5f7ff;color:#4f46e5}.add-category-option{border-top:1px solid #eee!important;color:#4f46e5!important;font-weight:600}.no-category{padding:18px;text-align:center;font-size:13px;color:#9ca3af}.rental-toggle-container{display:flex;gap:8px;background:#f3f4f6;padding:5px;width:fit-content;border-radius:10px}.rental-option{border:none;padding:9px 25px;border-radius:7px;background:transparent;color:#6b7280;font-weight:600;cursor:pointer;transition:.2s}.rental-option.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #00000014}.barcode-actions{margin-bottom:10px}.barcode-button{border:none;background:#111827;color:#fff;padding:11px 17px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;transition:.2s}.barcode-button:hover{background:#374151}.barcode-icon{font-size:21px}.barcode-help,.field-help{margin:7px 0 0;color:#9ca3af;font-size:12px}.form-actions{border-top:1px solid #edf0f4;padding-top:25px;margin-top:10px;display:flex;justify-content:flex-end;gap:12px}.cancel-button,.save-product-button{height:46px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}.cancel-button{background:#fff;border:1px solid #d9dee7;color:#4b5563}.cancel-button:hover{background:#f9fafb}.save-product-button{border:none;background:#4f46e5;color:#fff;min-width:155px;display:flex;align-items:center;justify-content:center;gap:8px}.save-product-button:hover{background:#4338ca}.save-product-button:disabled,.cancel-button:disabled{opacity:.65;cursor:not-allowed}.add-product-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280}.spinner{width:38px;height:38px;border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.add-product-page{padding:20px 15px 40px}.add-product-header{align-items:flex-start;flex-direction:column}.bulk-upload-button{width:100%}.add-product-card{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}}@media(max-width:500px){.add-product-header h1{font-size:22px}.add-product-header p{font-size:12px}.add-product-card{padding:18px;border-radius:12px}.form-actions{flex-direction:column-reverse}.cancel-button,.save-product-button{width:100%}.image-upload-box{width:130px;height:130px}}.login-page{width:100%;min-height:100vh;display:flex;margin:0;padding:0;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.security-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.security-modal{width:100%;max-width:420px;padding:34px 32px 28px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 30px 80px #0f172a38,0 8px 25px #0f172a1a;text-align:center;animation:securityModalAppear .22s ease-out}@keyframes securityModalAppear{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.security-modal-icon{width:58px;height:58px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#f1f5f9;font-size:25px}.security-modal-title h2{margin:0;color:#0f172a;font-size:23px;font-weight:700;letter-spacing:-.4px}.security-modal-title p{margin:8px 0 25px;color:#64748b;font-size:14px;line-height:1.55}.security-modal-error{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:11px 13px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#dc2626;font-size:13px;font-weight:500;text-align:left}.security-error-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dc2626;color:#fff;font-size:12px;font-weight:700}.security-code-group{text-align:left}.security-code-group label{display:block;margin-bottom:8px;color:#334155;font-size:13px;font-weight:600}.security-code-group input{width:100%;height:54px;box-sizing:border-box;padding:0 16px;border:1px solid #cbd5e1;border-radius:11px;outline:none;background:#f8fafc;color:#0f172a;font-size:22px;font-weight:600;letter-spacing:10px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.security-code-group input::placeholder{color:#94a3b8;letter-spacing:8px}.security-code-group input:focus{border-color:#0f172a;background:#fff;box-shadow:0 0 0 3px #0f172a14}.security-unlock-button{width:100%;height:50px;margin-top:18px;border:none;border-radius:11px;background:#0f172a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,opacity .2s ease}.security-unlock-button:hover:not(:disabled){background:#1e293b;transform:translateY(-1px)}.security-unlock-button:active:not(:disabled){transform:translateY(0)}.security-unlock-button:disabled{cursor:not-allowed;opacity:.5}.continue-without-security{width:100%;margin-top:13px;padding:9px 5px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s ease}.continue-without-security:hover{color:#0f172a;text-decoration:underline}.security-modal-footer{margin-top:20px;padding-top:17px;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:11px;line-height:1.5}@media(max-width:480px){.security-modal-overlay{padding:16px}.security-modal{max-width:100%;padding:28px 22px 24px;border-radius:17px}.security-modal-icon{width:52px;height:52px;margin-bottom:15px}.security-modal-title h2{font-size:21px}.security-modal-title p{font-size:13px}.security-code-group input{height:52px;font-size:20px}}.login-left{position:relative;width:53%;min-height:100vh;display:flex;align-items:center;padding:55px 7%;box-sizing:border-box;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 20%,rgba(59,130,246,.35),transparent 32%),radial-gradient(circle at 20% 90%,rgba(37,99,235,.3),transparent 30%),linear-gradient(145deg,#0f172a,#172554 48%,#1d4ed8)}.login-left-content{position:relative;z-index:5;width:100%;max-width:620px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:100px}.login-logo-wrapper{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);box-shadow:0 15px 35px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.login-logo{width:84px;height:84px;object-fit:contain}.login-brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:53px;font-weight:800;letter-spacing:3px;line-height:1}.brand-product{font-size:20px;font-weight:600;letter-spacing:2px;color:#ffffff9e}.login-intro{max-width:600px;margin-bottom:42px}.intro-badge{width:fit-content;display:flex;align-items:center;gap:9px;margin-bottom:24px;padding:8px 13px;border-radius:50px;background:#ffffff17;border:1px solid rgba(255,255,255,.13);color:#ffffffc7;font-size:12px;font-weight:600;letter-spacing:.2px}.badge-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.login-intro h1{margin:20 0 24px;font-size:clamp(44px,4.2vw,64px);line-height:1.06;letter-spacing:-2.2px;font-weight:750}.login-intro h1 span{color:#93c5fd}.login-intro p{max-width:530px;margin:0;color:#ffffffad;font-size:17px;line-height:1.7}.login-features{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:42px}.feature-item{display:flex;align-items:center;gap:10px}.feature-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#93c5fd24;border:1px solid rgba(147,197,253,.2);color:#bfdbfe;font-size:12px;font-weight:800}.feature-item strong{display:block;margin-bottom:2px;color:#ffffffe6;font-size:12px;font-weight:650}.feature-item span{display:block;color:#ffffff7a;font-size:10px}.download-section{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);max-width:430px}.download-title{margin-bottom:13px;color:#ffffff7a;font-size:20px;font-weight:600;letter-spacing:.3px}.download-badges{display:flex;align-items:center;gap:10px}.store-badge{display:block;height:46px;transition:transform .2s ease,opacity .2s ease}.store-badge img{border-radius:20px;width:auto;height:66px;display:block;object-fit:contain}.store-badge:hover{transform:translateY(-2px);opacity:.9}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.035;background-image:linear-gradient(rgba(255,255,255,1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,1) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.left-decoration{position:absolute;border-radius:50%;pointer-events:none}.decoration-one{width:420px;height:420px;right:-190px;top:-130px;border:1px solid rgba(255,255,255,.08)}.decoration-two{width:300px;height:300px;right:-125px;top:-70px;border:1px solid rgba(255,255,255,.06)}.decoration-three{width:230px;height:230px;left:-130px;bottom:-100px;border:1px solid rgba(255,255,255,.07)}.login-right{width:47%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 7%;box-sizing:border-box;background:#f8fafc}.login-box{width:100%;max-width:455px}.mobile-login-brand{display:none}.login-title{margin-bottom:32px}.welcome-label{display:block;margin-bottom:10px;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.login-title h2{margin:0 0 11px;color:#0f172a;font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:750}.login-title p{max-width:390px;margin:0;color:#64748b;font-size:14px;line-height:1.6}.login-error{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:13px;line-height:1.4}.error-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffe4e6;color:#e11d48;font-size:12px;font-weight:800}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#334155;font-size:13px;font-weight:650}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .2s ease}.input-wrapper:focus-within .input-icon{color:#2563eb}.input-group input{width:100%;height:52px;padding:0 16px 0 46px;box-sizing:border-box;border:1px solid #dbe2ea;border-radius:10px;outline:none;background:#fff;color:#0f172a;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-group input::placeholder{color:#a1aab7}.input-group input:hover{border-color:#cbd5e1}.input-group input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f617}.input-group input:disabled{background:#f1f5f9;cursor:not-allowed}.login-options{display:flex;align-items:center;justify-content:space-between;margin-top:5px;margin-bottom:25px}.remember-label{position:relative;display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-label input{position:absolute;opacity:0;pointer-events:none}.custom-checkbox{width:17px;height:17px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:5px;background:#fff;transition:all .2s ease}.custom-checkbox span{display:none;color:#fff;font-size:10px;font-weight:800}.remember-label input:checked+.custom-checkbox{background:#2563eb;border-color:#2563eb}.remember-label input:checked+.custom-checkbox span{display:block}.forgot-button{border:none;padding:0;background:transparent;color:#2563eb;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:color .2s ease}.forgot-button:hover{color:#1d4ed8;text-decoration:underline}.signin-button{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #2563eb38;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.signin-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 25px #2563eb47}.signin-button:active:not(:disabled){transform:translateY(0)}.signin-button:disabled{opacity:.65;cursor:not-allowed}.button-arrow{font-size:18px;line-height:1;transition:transform .2s ease}.signin-button:hover .button-arrow{transform:translate(3px)}.button-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.signup-text{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:25px;color:#64748b;font-size:13px}.signup-text button{border:none;padding:0;background:transparent;color:#2563eb;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.signup-text button:hover{text-decoration:underline}.login-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:55px;color:#94a3b8;font-size:10px}.footer-dot{color:#cbd5e1}@media(max-width:1100px){.login-left,.login-right{width:50%;padding:45px 5%}.login-brand{margin-bottom:70px}.login-intro h1{font-size:45px;letter-spacing:-1.5px}.login-features{gap:16px}.feature-item span{display:none}}@media(max-width:760px){.login-page{min-height:100vh;display:block;overflow:auto}.login-left{width:100%;min-height:auto;padding:35px 25px 40px;display:block}.login-left-content{max-width:none}.login-brand{margin-bottom:55px}.login-logo-wrapper{width:54px;height:54px;border-radius:15px}.login-logo{width:46px;height:46px}.login-intro{margin-bottom:30px}.login-intro h1{font-size:38px;letter-spacing:-1.3px}.login-intro p{font-size:15px}.login-features{display:none}.download-section{padding-top:22px}.store-badge,.store-badge img{height:42px}.login-right{width:100%;min-height:auto;padding:45px 25px 35px;background:#fff}.login-box{max-width:500px}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.mobile-login-brand img{width:43px;height:43px;object-fit:contain;border-radius:10px}.mobile-login-brand div{display:flex;flex-direction:column;gap:2px}.mobile-login-brand strong{color:#0f172a;font-size:17px;letter-spacing:2px}.mobile-login-brand span{color:#94a3b8;font-size:8px;font-weight:700;letter-spacing:1.5px}.login-title h2{font-size:30px}.login-footer{margin-top:40px}.decoration-one,.decoration-two,.decoration-three,.grid-pattern{display:none}}@media(max-width:420px){.login-left{padding:28px 20px 35px}.login-right{padding:38px 20px 30px}.login-intro h1{font-size:34px}.login-intro p{font-size:14px}.login-options{align-items:flex-start;gap:10px}.forgot-button{font-size:12px}.download-badges{gap:7px}.store-badge,.store-badge img{height:39px}}