*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f2f4;--bg-hover:#eef0f3;--border:#e2e6ea;--border-light:#f0f2f4;--text-primary:#1a1d21;--text-secondary:#4a5568;--text-tertiary:#8a94a6;--teal:#1d9e75;--teal-light:#e1f5ee;--teal-mid:#0f6e56;--teal-dark:#085041;--amber:#ba7517;--amber-light:#faeeda;--red:#a32d2d;--red-light:#fcebeb;--blue:#185fa5;--blue-light:#e6f1fb;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-width:210px}[data-theme=dark]{--bg-primary:#1a1d21;--bg-secondary:#22262c;--bg-tertiary:#181b20;--bg-hover:#2f3540;--border:#363c47;--border-light:#2a2f38;--text-primary:#f0f2f4;--text-secondary:#a8b0bc;--text-tertiary:#6b7585;--teal:#22b887;--teal-light:#0d3028;--teal-mid:#1a9068;--teal-dark:#22b887;--amber:#d4890f;--amber-light:#2a2010;--red:#c44;--red-light:#2d1515;--blue:#4a8fd4;--blue-light:#0f2038;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006}body{background:#f0f2f4;background:var(--bg-tertiary);color:#1a1d21;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s}.app-layout{display:flex;height:100vh;overflow:hidden}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e6ea;background:var(--border);border-radius:3px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s}.btn-primary{background:#1d9e75;background:var(--teal);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:#f8f9fa;background:var(--bg-secondary);border:.5px solid #e2e6ea;border:.5px solid var(--border);color:#1a1d21;color:var(--text-primary)}.btn-secondary:hover{background:#eef0f3;background:var(--bg-hover)}.btn-danger{background:#fcebeb;background:var(--red-light);border:.5px solid #a32d2d4d;color:#a32d2d;color:var(--red)}.btn-sm{font-size:12px;padding:5px 10px}.btn-icon{background:#f8f9fa;background:var(--bg-secondary);border:.5px solid #e2e6ea;border:.5px solid var(--border);color:#4a5568;color:var(--text-secondary);height:30px;justify-content:center;padding:0;width:30px}.btn-icon:hover{border-color:#1d9e75;border-color:var(--teal);color:#1d9e75;color:var(--teal)}.card{background:#fff;background:var(--bg-primary);border:.5px solid #e2e6ea;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.card-header{background:#f8f9fa;background:var(--bg-secondary);border-bottom:.5px solid #e2e6ea;border-bottom:.5px solid var(--border);justify-content:space-between;padding:11px 15px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#1a1d21;color:var(--text-primary);font-size:12px;font-weight:500;gap:6px}.card-title svg{color:#1d9e75;color:var(--teal);height:14px;width:14px}.card-body{padding:14px 15px}.form-group{margin-bottom:14px}.form-label{color:#4a5568;color:var(--text-secondary);display:block;font-size:11px;font-weight:500;margin-bottom:5px}.form-input{background:#f8f9fa;background:var(--bg-secondary);border:.5px solid #e2e6ea;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#1a1d21;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.form-input:focus{border-color:#1d9e75;border-color:var(--teal)}select.form-input{cursor:pointer}textarea.form-input{min-height:80px;resize:vertical}.two-col{grid-gap:12px;grid-template-columns:1fr 1fr}.three-col,.two-col{display:grid;gap:12px}.three-col{grid-gap:12px;grid-template-columns:1fr 1fr 1fr}.tag{align-items:center;border-radius:5px;display:inline-flex;font-size:10px;font-weight:500;padding:2px 7px;white-space:nowrap}.tag-success{background:#e1f5ee;background:var(--teal-light);color:#085041;color:var(--teal-dark)}.tag-warning{background:#faeeda;background:var(--amber-light);color:#ba7517;color:var(--amber)}.tag-danger{background:#fcebeb;background:var(--red-light);color:#a32d2d;color:var(--red)}.tag-info{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue)}.tag-neutral{background:#f0f2f4;background:var(--bg-tertiary);color:#4a5568;color:var(--text-secondary)}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8f9fa;background:var(--bg-secondary);border-bottom:.5px solid #e2e6ea;border-bottom:.5px solid var(--border);color:#8a94a6;color:var(--text-tertiary);font-size:10px;font-weight:500;letter-spacing:.04em;padding:8px 14px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:.5px solid #f0f2f4;border-bottom:.5px solid var(--border-light);color:#4a5568;color:var(--text-secondary);font-size:12px;padding:10px 14px;vertical-align:middle}.data-table tbody tr:hover{background:#eef0f3;background:var(--bg-hover);cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;background:var(--bg-primary);border:.5px solid #e2e6ea;border:.5px solid var(--border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-lg{max-width:720px}.modal-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:.5px solid #e2e6ea;border-bottom:.5px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-title{color:#1a1d21;color:var(--text-primary);font-size:14px;font-weight:500}.modal-body{padding:20px}.modal-footer{border-top:.5px solid #e2e6ea;border-top:.5px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:12px;gap:9px;margin-bottom:12px;padding:10px 14px}.alert svg{flex-shrink:0;margin-top:1px}.alert-warning{background:#faeeda;background:var(--amber-light);border:.5px solid #ba75174d;color:#ba7517;color:var(--amber)}.alert-danger{background:#fcebeb;background:var(--red-light);border:.5px solid #a32d2d4d;color:#a32d2d;color:var(--red)}.alert-success{background:#e1f5ee;background:var(--teal-light);border:.5px solid #1d9e754d;color:#085041;color:var(--teal-dark)}.alert-info{background:#e6f1fb;background:var(--blue-light);border:.5px solid #185fa54d;color:#185fa5;color:var(--blue)}.divider{background:#e2e6ea;background:var(--border);height:.5px;margin:14px 0}.spinner{animation:spin .7s linear infinite;border:2px solid #e2e6ea;border-top-color:#1d9e75;border:2px solid var(--border);border-radius:50%;border-top-color:var(--teal);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.icon-spin{animation:spin .7s linear infinite}.page-header{background:#fff;background:var(--bg-primary);border-bottom:.5px solid #e2e6ea;border-bottom:.5px solid var(--border);flex-shrink:0;justify-content:space-between;padding:12px 20px}.page-header,.page-title{align-items:center;display:flex}.page-title{color:#1a1d21;color:var(--text-primary);font-size:14px;font-weight:500;gap:8px}.page-title svg{color:#1d9e75;color:var(--teal)}.page-subtitle{color:#8a94a6;color:var(--text-tertiary);font-size:11px;margin-top:2px}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.page-content{flex:1 1;overflow-y:auto;padding:16px 20px}.filter-bar{background:#fff;background:var(--bg-primary);flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:9px 12px}.filter-bar,.search-wrap{align-items:center;border:.5px solid #e2e6ea;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex}.search-wrap{background:#f8f9fa;background:var(--bg-secondary);flex:1 1;gap:6px;min-width:150px;padding:6px 10px}.search-wrap svg{color:#8a94a6;color:var(--text-tertiary);flex-shrink:0;height:14px;width:14px}.search-wrap input{background:#0000;border:none;color:#1a1d21;color:var(--text-primary);font-size:12px;outline:none;width:100%}.search-wrap input::placeholder{color:#8a94a6;color:var(--text-tertiary)}.filter-chip{background:#f8f9fa;background:var(--bg-secondary);border:.5px solid #e2e6ea;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:5px 11px;transition:all .12s;white-space:nowrap}.filter-chip.active{background:#1d9e75;background:var(--teal);border-color:#1d9e75;border-color:var(--teal);color:#fff}.filter-chip.danger{background:#fcebeb;background:var(--red-light);border-color:#a32d2d4d;color:#a32d2d;color:var(--red)}.filter-chip.warning{background:#faeeda;background:var(--amber-light);border-color:#ba75174d;color:#ba7517;color:var(--amber)}.metric-card{background:#fff;background:var(--bg-primary);border:.5px solid #e2e6ea;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;padding:14px 16px;transition:border-color .15s}.metric-card:hover{border-color:#1d9e75;border-color:var(--teal)}.metric-label{align-items:center;color:#8a94a6;color:var(--text-tertiary);display:flex;font-size:11px;gap:4px;margin-bottom:6px}.metric-label svg{height:13px;width:13px}.metric-value{color:#1a1d21;color:var(--text-primary);font-size:22px;font-weight:600;line-height:1}.metric-sub{align-items:center;display:flex;font-size:11px;gap:3px;margin-top:5px}.metric-bar{background:#e2e6ea;background:var(--border);border-radius:2px;height:3px;margin-top:9px}.metric-bar-fill{border-radius:2px;height:100%}.added-by{margin-top:2px}.added-by,.sync-status{color:#8a94a6;color:var(--text-tertiary);font-size:10px}.sync-status{align-items:center;display:flex;gap:5px}.sync-dot{background:#1d9e75;background:var(--teal);border-radius:50%;height:6px;width:6px}.toggle{background:#e2e6ea;background:var(--border);border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.toggle.on{background:#1d9e75;background:var(--teal)}.toggle-dot{background:#fff;border-radius:50%;height:14px;left:3px;position:absolute;top:3px;transition:left .2s;width:14px}.toggle.on .toggle-dot{left:19px}.text-teal{color:#1d9e75;color:var(--teal)}.text-red{color:#a32d2d;color:var(--red)}.text-amber{color:#ba7517;color:var(--amber)}.text-muted{color:#8a94a6;color:var(--text-tertiary)}.font-medium{font-weight:500}.font-bold{font-weight:600}.flex{display:flex}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:14px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:14px}.w-full{width:100%}.grid-2{grid-gap:10px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:10px}.grid-3{grid-gap:10px;grid-template-columns:1fr 1fr 1fr}.grid-4{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}.sidebar{display:none!important}.mobile-nav{display:flex!important}.page-content{padding:12px}}.mobile-nav{align-items:center;background:#fff;background:var(--bg-primary);border-top:.5px solid #e2e6ea;border-top:.5px solid var(--border);bottom:0;display:none;height:58px;justify-content:space-around;left:0;position:fixed;right:0;z-index:100}.mobile-nav-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:6px 10px}.mobile-nav-item span{color:#8a94a6;color:var(--text-tertiary);font-size:10px}.mobile-nav-item.active span,.mobile-nav-item.active svg{color:#1d9e75!important;color:var(--teal)!important}@media (max-width:768px){.login-wrap{grid-template-columns:1fr!important}.login-left{padding:24px 20px!important}.login-left,.login-right{min-height:auto!important}.login-right{padding:28px 20px!important}.data-table thead{display:none}.data-table tbody tr{border-bottom:.5px solid #e2e6ea;border-bottom:.5px solid var(--border);display:block;margin:0;padding:12px 14px}.data-table tbody tr td{align-items:center;border-bottom:none;display:flex;font-size:12px;justify-content:space-between;padding:3px 0}.data-table tbody tr td:before{color:#8a94a6;color:var(--text-tertiary);content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:500;letter-spacing:.04em;margin-right:8px;min-width:80px;text-transform:uppercase}.orders-pipeline{grid-template-columns:1fr!important}.sales-table-row{border-bottom:.5px solid #e2e6ea;border-bottom:.5px solid var(--border);display:block!important;padding:12px 14px}.sales-table-row td{border:none!important;display:block!important;padding:2px 0!important}.txn-row td{white-space:normal!important;word-break:break-word}.grid-2{grid-template-columns:1fr!important}.stores-grid{grid-template-columns:1fr 1fr!important}.store-card-actions{flex-wrap:wrap;gap:6px}.store-card-actions button{flex:1 1;font-size:11px!important;min-width:60px;padding:5px 8px!important}.page-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.page-actions{justify-content:flex-end;width:100%}.grid-4{grid-template-columns:1fr 1fr!important}.filter-bar{gap:6px}.filter-bar .search-wrap{min-width:100%!important;order:-1}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-radius:16px 16px 0 0!important;max-height:92vh!important;max-width:100%!important}.debtor-profile-grid,.three-col,.two-col{grid-template-columns:1fr!important}.grid-2 .card{min-width:0}.pipeline-col{margin-bottom:10px}.hide-mobile{display:none!important}.card-body,.page-content{padding:10px 12px!important}.card td,.card tr,.data-table td,.data-table tr{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}.erow,.erow td{text-align:left!important}.erow td{justify-content:flex-start!important}.debtors-mobile-card,.sales-card-row,.txn-row,.txn-row td{text-align:left!important}.debtors-mobile-card{align-items:flex-start!important}.sidebar{display:none!important}.mobile-nav{display:flex!important}.page-content{padding:12px;padding-bottom:30px!important}.card,.data-table tbody,.page-content,main>div{padding-bottom:50px}.card .card,.card table,.card tbody,.pos-layout{padding-bottom:0!important}.pos-layout{flex-direction:column!important;overflow-y:auto!important}.pos-products-panel{border-bottom:.5px solid #e2e6ea;border-bottom:.5px solid var(--border);border-right:none!important;flex:1 1 auto!important;min-height:200px}.pos-cart-panel{border-left:none!important;border-top:.5px solid #e2e6ea;border-top:.5px solid var(--border);flex:0 0 auto!important;width:100%!important}.pos-cart-items{flex:0 1 auto!important;max-height:60px!important}.pos-cart-panel>div:last-child{padding-bottom:35px!important}}@media (max-width:768px) and (max-height:800px){.pos-cart-items{max-height:24px!important}.pos-products-panel{min-height:150px}}@media (max-width:768px){.page-header{flex-wrap:wrap;gap:6px;padding:8px 12px!important}.page-title{font-size:14px!important}.page-subtitle{font-size:10px!important}.wat-clock{display:none!important}.page-actions{gap:6px!important}.page-actions .btn{font-size:11px!important;padding:5px 10px!important}.alert{font-size:11px!important;margin:4px 12px 0!important;padding:6px 10px!important}.alert svg{height:14px!important;width:14px!important}}
/*# sourceMappingURL=main.0e218ce9.css.map*/