.erplogin-page{display:flex;width:80%;height:80%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#f3f4f6;color:#072e7c;margin-left:160px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 6px 20px #00000014}.login-container{min-height:100vh;width:105%;display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,#e9eefc 0%,#2635a9 40%,#4c76ff 100%)}.rnylogin-left{flex:1;position:relative;min-width:420px;display:block;background:#ffffff;border-radius:4px;color:#072e7c}.rnlogin-brand{position:absolute;top:28px;left:32px;display:flex;gap:12px;align-items:center;z-index:5;border-radius:1Opx}.rnlogin-brand img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:transparent;padding:6px;box-shadow:0 4px 14px #0003}.rnlogin-brand-text{font-weight:600;color:#ffffffeb;font-size:16px}.rnlogin-heroWrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rnlogin-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform;filter:saturate(1.02) contrast(1.02)}.rnlogin-hero.login-active{opacity:1;transform:scale(1)}.rnlogin-overlay{position:absolute;left:48px;bottom:64px;z-index:6;color:#2563eb;max-width:460px;text-shadow:0 6px 20px rgba(0,0,0,.45)}.rnlogin-overlay h1{font-size:26px;line-height:1.02;margin:8px;line-height:1.5;font-weight:500;padding:10px 18px;background:#f2f3f44e;border-radius:4px;letter-spacing:-.6px}.rnlogin-overlay p{font-size:14px;opacity:.95;margin:0}.rnlogin-sliderDots{margin-top:18px;display:flex;gap:8px;align-items:center;color:#d3d5da53}.rnlogin-dot{width:42px;height:6px;background:rgba(37,16,228,.18);border-radius:8px;border:none;cursor:pointer;transition:background .2s,transform .15s}.rnlogin-dot.login-active{background:#1329a3;transform:scaleX(1.15)}.rnlogin-right{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3e3f2e3,#1f02ff57);width:400px;position:relative;padding:36px 48px;border-radius:4px;z-index:900}.rnlogin-signin-pill{position:absolute;top:28px;right:48px;background:#003cb3;color:#fff;border:none;padding:10px 20px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #0b122014}.rnlogin-formCard{width:480px;max-width:calc(100% - 44px)}.rnlogin-formCard h2{margin:0 0 6px;font-size:26px;color:#003cb4;font-weight:800}.rnlogin-sub{margin:0 0 22px;color:#6b7280;font-size:14px}.rnlogin-form{display:flex;flex-direction:column;gap:12px}.rnlogin-form label{font-size:13px;color:#111827;font-weight:600}.rnlogin-form input[type=name]{width:90px;padding:10px 14px;border-radius:8px;border:1px solid #e6e9ef;font-size:14px;color:#030828;background:#fff;outline:none;transition:box-shadow .12s ease,border-color .12s ease}.rnlogin-passwordWrap{position:relative;width:80%}.rnlogin-form input[type=name],.rnlogin-passwordWrap input{width:90%;padding:12px 42px 12px 14px;border-radius:8px;background:#ebedf3;border:1px solid #ddd;font-size:14px;color:#000}.rnlogin-eyeBtn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;font-size:18px;display:flex;align-items:center}​ .rnlogin-form input:focus{border-color:#a8b4ff;box-shadow:0 6px 18px #0e30e80f}.rnlogin-passwordWrap{position:relative}.rnlogin-eyeBtn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:16px;opacity:.8}.rnlogin-rowOptions{width:80%;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b7280;margin-top:6px}.rnlogin-remember input{background:#fbfcfd;margin-right:8px}.rnlogin-submit{width:80%;margin-top:8px;background:#03349d;color:#fff;border:none;margin-left:10px;padding:12px 18px;font-weight:700;border-radius:8px;cursor:pointer;box-shadow:0 6px 18px #1118270f}.rnlogin-divider{margin:20px 0;position:relative;text-align:center}.rnlogin-divider span{display:inline-block;background:#fff;color:#9aa3b2;padding:0 12px;font-size:13px}.rnlogin-divider:before{content:"";position:absolute;left:6%;right:6%;top:50%;height:1px;background:#eef2f7;transform:translateY(-50%)}.rnlogin-socials{display:flex;gap:12px}.rnlogin-social{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #e8ecf3;background:#fff;cursor:pointer;font-weight:600;font-size:14px}.rnlogin-google{color:#111}.rnlogin-facebook{color:#1f4fa3}.rnlogin-register{margin-top:18px;text-align:center;color:#6b7280;font-size:14px}.rnlogin-registerBtn{background:transparent;border:none;color:#2563eb;cursor:pointer;font-weight:700}@media (max-width: 1100px){.rnlogin-left{display:none}.rnlogin-right{min-width:0;padding:32px}.rnlogin-page{align-items:stretch}}@media (max-width: 640px){.rnlogin-formCard{width:100%}.rnlogin-signin-pill{display:none}}.dashboard{background:#f6f8f7;min-height:100vh;z-index:1;width:1080px;overflow:visible}.dashboard-wrapper{background:#d7eaff;border-radius:20px;padding:30px;box-shadow:0 12px 40px #0f172a14}.dashboardCard-wrapper{background:#f5f8fc;border-radius:20px;padding:25px;box-shadow:0 12px 40px #0f172a14;margin-bottom:10px;height:120px}.dashboardHeader-wrapper{background:linear-gradient(135deg,#4151ff,#dd0285);border-radius:20px;padding:25px;box-shadow:0 12px 40px #0f172a14;margin-bottom:10px;height:50px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dashboard-header h2{font-size:20px;margin:0;color:#fff}.dashboard-header p{font-size:13px;color:#fff;margin-top:4px}.header-actions{display:flex;gap:10px}.dashboard-dropdown{position:relative}.dashboard-dropdown-btn{background:#ffffff;border:none;padding:6px 12px;border-radius:8px;font-size:12px;color:#0f172a;display:flex;align-items:center;gap:6px;cursor:pointer}.dashboard-dropdown-menu{position:absolute;top:28px;left:0;background:rgb(248,247,247);font-size:12px;color:#0f172a;border-radius:8px;box-shadow:0 4px 18px #00000014;padding:6px 0;min-width:120px;z-index:50;display:none}.dashboard-dropdown:hover .dashboard-dropdown-menu{display:block}.dashboard-dropdown-menu div{padding:6px 14px;cursor:pointer}.dashboard-dropdown-menu div:hover{background:#fbfbfb;color:#fff}.year-btn,.export-btn,.action-btn{border:none;border-radius:8px;font-size:12px;color:#0f172a;padding:6px 14px;cursor:pointer}.year-btn{background:#ffffff}.export-btn,.action-btn{background:#03c142;color:#fff}.small-btn{padding:4px 8px;font-size:11px;border-radius:6px;border:none;cursor:pointer}.view-btn{background:#2563eb;color:#fff}.approve{background:#16a34a;color:#fff;gap:14px}.decline{background:#fb6767;color:#fff;gap:14px}.action-cell{display:flex;gap:6px}.dssummary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}.dssummary-card{border-radius:14px;padding:14px 16px;height:95px;box-shadow:#8993ed;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}.dssummary-card h4{font-size:12px;font-weight:500;color:#475569;margin:0}.dssummary-value-row{display:flex;align-items:center;gap:6px}.dscurrency-tag{background:#dcfce7;color:#166534;font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px;letter-spacing:.4px}.dssummary-value{font-size:16px;font-weight:700;margin:2px 0;color:#0f172a}.trend{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;width:fit-content}.trend.up{background:#dcfce7;color:#166534}.trend.down{background:#fee2e2;color:#991b1b}.table-grid-2{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:30px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:white;border-top:4px solid #4151ff;border-radius:4px;padding:20px;box-shadow:0 4px 20px #0000000a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card h3{font-size:14px;margin:0;color:#0f172a}.table-scroll{max-height:240px;overflow-y:auto}.table-scroll::-webkit-scrollbar{width:6px}.table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}table{width:100%;border-collapse:collapse}th{font-size:12px;color:#94a3b8;text-align:left;padding-bottom:8px}td{font-size:13px;padding:8px 0;border-bottom:1px solid #f1f5f9;color:#334155}.status{padding:4px 8px;border-radius:20px;font-size:11px;font-weight:500}.status.good{background:#dcfce7;color:#166534}.status.low{background:#fef3c7;color:#92400e}.status.critical{background:#fee2e2;color:#991b1b}.stock-in{color:#16a34a;font-weight:600;display:flex;align-items:center;gap:5px}.stock-out{color:#dc2626;font-weight:600;display:flex;align-items:center;gap:5px}.document-card{margin-top:30px}.document-filters{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.document-filters select{padding:7px 12px;border-radius:8px;border:1px solid #c8dcf7;font-size:12px;background:#f8fafc;color:#334155;cursor:pointer;transition:.2s ease}.document-filters select:hover{background:#f1f5f9}.document-search{display:flex;align-items:center;gap:6px;background:#dcdde1;padding:7px 12px;border-radius:8px;flex:1;max-width:320px;border:1px solid #b7d4f9}.document-search input{border:none;background:transparent;outline:none;font-size:12px;width:100%;color:#0f172a}.status.valid{background:#dcfce7;color:#166534;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status.expired{background:#fee2e2;color:#991b1b;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.document-card table tbody tr:hover{background:#f8fafc;transition:.2s ease}.document-card table td{padding:10px 0}.document-card .view-btn{background:#2563eb;color:#fff}.document-card .approve{background:#0f5f4f;color:#fff}.package-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:999999}.package-modal{width:460px;background:#fff;border-radius:12px;padding:28px;color:#0f1013;box-shadow:0 20px 60px #0003,0 6px 20px #0000001a;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.package-header h2{margin:0;color:#b91c1c}.package-header p{margin-top:4px;color:#545b68;font-size:14px}.package-body{margin-top:20px}.package-info{background:#f8fafc;border-radius:8px;padding:14px}.package-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.package-warning{margin-top:14px;padding:12px;border-radius:6px;background:#fff4f4;color:#b91c1c;font-size:13px}.package-actions{margin-top:20px;display:flex;gap:10px}.package-btn{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.package-btn.primary{background:#ff0303;color:#fff;text-align:center}.package-btn.secondary{background:#7c7c7c;text-align:center;color:#37ff0a}:root{--bg: #f6f8fb;--card: #ffffff;--muted: #0b0c0c;--accent: #2563eb;--success: #10b981;--danger: #ef4444;--text: #071027;--border: #e6eef7;--shadow: 0 10px 28px rgba(11, 18, 30, .05);--radius: 10px}.addSales-modal{background:linear-gradient(135deg,#9fa7fe,#cbf9d1);width:95%;max-width:980px;height:92vh;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.addSales-close{border-radius:10px;border:none;background:#f3f6fb;color:#0b1220;cursor:pointer;font-size:18px;padding:6px 10px}.erp-row.top-row{display:grid;grid-template-columns:1fr 140px 140px 140px 140px 160px 140px 120px 120px 120px;gap:9px;align-items:center;margin-bottom:18px;box-sizing:border-box}@media (max-width: 1300px){.erp-row.top-row{grid-template-columns:1fr 140px 140px 140px 140px 120px 120px}}@media (max-width: 1060px){.erp-row.top-row{grid-template-columns:1fr 160px 140px 140px}}.erp-dropdown-item .erp-dd-code{font-weight:700;color:#080b13;width:88px}.erp-dropdown-item:hover{background:#a7cff8}.erp-table input{width:70%;height:28px;padding:6px 8px;border-radius:8px;border:1px solid #dbe7f2;background:#e2e2e2;font-size:13px;color:#0b1220}.erp-table select{width:100%;height:36px;padding:6px 8px;border-radius:8px;border:1px solid #dbe7f2;background:#fff;font-size:13px;color:#0b1220}.erp-add-btn{height:40px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #2563eb1f;margin-top:8px}.erp-add-btn:hover{transform:translateY(-2px)}@media (max-width: 1200px){.addSales-modal{width:95%}.erp-row.top-row{grid-template-columns:1fr 160px 140px 140px;gap:12px}.erp-product-row{grid-template-columns:1fr;gap:10px}.erp-bottom{flex-direction:column;gap:12px}.addSales-actions{flex-wrap:wrap}}.delivery-section{margin-top:20px;padding:14px 16px;background:rgb(212,213,255);border-radius:10px;border:1px solid rgba(15,23,42,.04);font-size:15px;color:#0b0c0c;box-shadow:0 8px 24px #0d1e460f}.delivery-section .small-muted{color:#6b7280;font-size:13px;margin:6px 0 10px}.delivery-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#bcbcff}.delivery-table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}.delivery-table thead th{text-align:left;padding:10px 12px;font-weight:700;color:#0b254a;background:transparent;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}.delivery-table tbody tr{border-bottom:1px solid rgba(15,23,42,.03)}.delivery-table tbody tr:last-child{border-bottom:none}.delivery-table td{padding:10px 12px;vertical-align:middle}.delivery-table input[type=text],.delivery-table input[type=number],.delivery-table select,.dlvinputs{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e6e9ef;background:#fbfdff;font-size:14px;color:#0b254a;outline:none;box-sizing:border-box;transition:box-shadow .12s ease,border-color .12s ease}.delivery-table input::placeholder{color:#9aa3b2}.delivery-table input:focus,.delivery-table select:focus{border-color:#a8b4ff;box-shadow:0 6px 18px #0e30e80f}.delivery-table .row-delete{background:transparent;border:1px solid rgba(17,24,39,.06);color:#111827;padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:700}.erp-add-btn{display:inline-block;padding:8px 12px;border-radius:8px;background:linear-gradient(180deg,#ffffff,#f3f4ff);border:1px solid rgba(15,23,42,.05);cursor:pointer;font-weight:700;margin-top:8px}.delivery-images-preview{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;align-items:flex-start}.delivery-images-preview .preview-tile{width:120px;height:84px;border-radius:8px;overflow:hidden;background:#f7fafc;border:1px solid rgba(15,23,42,.05);position:relative;display:flex;align-items:center;justify-content:center}.delivery-images-preview .preview-tile img{width:100%;height:100%;object-fit:cover;display:block}.delivery-images-preview .preview-tile .file-name{padding:6px;font-size:12px;color:#374151;text-align:center}.delivery-images-preview .preview-tile button{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.55);color:#fff;border:none;border-radius:6px;padding:2px 6px;cursor:pointer;font-size:12px}.delivery-section input[type=file]{margin-top:6px;font-size:13px;color:#374151}.erp-bottom{margin-top:12px}@media (max-width: 820px){.delivery-table{min-width:0}.delivery-table thead{display:none}.delivery-table tbody tr{display:grid;grid-template-columns:1fr;gap:8px;padding:8px 0;border-bottom:1px solid rgba(15,23,42,.04)}.delivery-table td{padding:6px 0}.delivery-table td:nth-child(5){display:flex;justify-content:flex-end}.delivery-images-preview{gap:8px}.delivery-images-preview .preview-tile{width:40%;height:80px}}.addSales-overlay,.addProforma-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);display:flex;justify-content:center;align-items:center;z-index:11000}.addSales-modal,.addProforma-modal{background:linear-gradient(135deg,#9fa7fe,#cbf9d1);width:95%;max-width:900px;height:92vh;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.addSales-content,.addProforma-content{flex:1;overflow-y:auto;padding:24px}.addSales-header,.addProforma-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-top:6px solid #b2b9fc;border-bottom:1px solid #eef3f8;background:linear-gradient(135deg,#4151ff,#dd0285);flex-shrink:0}.addSales-header h2,.addProforma-header h2{margin:0;font-size:20px;color:#fff;font-weight:700}.addSales-sub,.addProforma-sub{margin-top:6px;font-size:13px;color:#fff}.addSales-headerRight,.addProforma-headerRight{display:flex;gap:12px;align-items:center}.addSales-close,.addProforma-close{border-radius:10px;border:none;background:#f3f6fb;color:#0b1220;cursor:pointer;font-size:18px;padding:6px 10px}.erp-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffefe;border-radius:10px;box-shadow:0 18px 40px #060b141f;border:1px solid #5230fa;max-height:260px;overflow-y:auto;z-index:13000}.erp-dropdown-item:hover{background:#85bbf1}.addSales-actions,.addProforma-actions{display:flex;gap:12px;margin-top:18px;justify-content:flex-end}.erp-search-input .erp-dropdown-item{padding:10px 14px;font-size:14px;color:#0f172a;cursor:pointer}@media (max-width: 1200px){.addSales-modal,.addProforma-modal{width:95%}.erp-row.top-row{grid-template-columns:1fr 160px 140px;gap:12px}.erp-product-row{grid-template-columns:1fr;gap:10px}.erp-bottom{flex-direction:column;gap:12px}.addSales-actions{flex-wrap:wrap}}.invoice-page{padding:18px 20px 40px;background:#f3f6ff;min-height:100vh;box-sizing:border-box;font-family:Times New Roman,Georgia,serif;color:#111}.invoice-actions .btn-outline{background:#fff;border:1px solid #9aa6b8}.invoice-actions .btn-edit{background:#f59e0b;color:#fff;border:none}.invoice-actions-right{display:flex;gap:8px;align-items:center}.invoice-print-area{display:flex;justify-content:center}.paper-a4{width:894px;background:#fff;padding:18px;box-sizing:border-box;border-radius:5px solid #ffffff}.inv-header{display:flex;align-items:flex-start;gap:16px;border-bottom:6px solid #111;padding-bottom:8px}.inv-header-left{width:110px;display:flex;align-items:flex-start;justify-content:flex-start}.inv-logo{width:160px;height:100px}.inv-logo.placeholder{width:110px;height:80px;display:flex;align-items:center;justify-content:center;background:#1d4ed8;color:#fff;font-weight:700;font-size:26px;border-radius:6px}.inv-header-center{flex:1;text-align:center}.tax-title{background:#bad4f8;font-size:26px;font-weight:800;text-align:center;margin-top:10px;margin-left:99px;padding:6px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;width:399px}.incompany-name{font-size:18px;font-weight:700;background:#bad4f8;width:399px;margin-left:99px}.company-meta{font-size:12px;color:#111;margin-top:6px}.inv-header-right{width:240px;display:flex;flex-direction:column;gap:8px}.meta-box{border:1px solid #111;padding:6px 8px;font-size:13px}.meta-row{display:flex;justify-content:space-between;padding:0}.meta-left{font-weight:700}.top-meta{margin-bottom:6px;background:#fff}.inv-top-meta-row{display:flex;gap:12px;margin-top:8px;margin-bottom:8px}.meta-small-box{flex:1;border:1px solid #000;padding:6px 8px;font-weight:700;font-size:13px;background:#f8fafc;box-sizing:border-box}.inv-top-grids{display:flex;gap:12px;margin-top:8px;margin-bottom:12px}.bill-to,.depot-box{border:1px solid #000;padding:6px;flex:1;box-sizing:border-box;background:#f8fafc;min-height:60px}.box-title{background:#e2e8f0;padding:6px 8px;font-weight:700;margin-bottom:6px;border:1px solid #cbd5e1}.info-table{width:100%;border-collapse:collapse;font-size:13px}.depot-box{max-width:360px}.paper-a4{--totals-height: 18%}.paper-a4{--divider-width: 3px}.inv-items-table,.invoice-main-table{width:100%;border-collapse:collapse;font-size:13px;color:#000;table-layout:fixed;position:relative;border:4px solid #000;margin-top:12px;background-clip:padding-box}.incol-qty{width:20%}.col-desc{width:65%}.col-unit{width:12%}.col-amount{width:25%}.col-cts{width:5%}.inv-items-table thead th,.invoice-main-table thead th{background:#e6eef8;padding:8px;font-weight:700;text-align:center;border-bottom:4px solid #111}.inv-items-table thead th.col-qty,.inv-items-table thead th.col-desc,.inv-items-table thead th.col-unit,.inv-items-table thead th.col-amount,.inv-items-table thead th.col-cts{text-align:left}.inv-items-table tbody td,.invoice-main-table tbody td{padding:6px;vertical-align:top;background:transparent;border-bottom:1px solid transparent;line-height:1.3}.body-space td{height:150px;padding:0}.inv-items-table tfoot td,.invoice-main-table tfoot td{border-top:6px solid #111;background:transparent;padding:10px 8px;font-weight:700}.col-qty{text-align:left;padding-left:12px}.col-desc{text-align:left}.col-unit,.col-amount,.col-cts{text-align:right;padding-right:12px}.totals-labels,.totals-amounts{text-align:right;font-weight:700;line-height:2.2}.totals-cts{text-align:center;line-height:2.2;font-weight:700}.grand-row .label,.grand-row .value{font-size:16px;font-weight:900}.inv-signatures{display:flex;gap:30px;margin-top:26px;align-items:flex-start}.sig-col{flex:1;text-align:left}.sig-title{font-size:13px;margin-bottom:18px}.sig-line{border-bottom:1px solid #222;height:1px;margin-top:32px}.sig-box{width:160px;height:70px;border:1px solid #222;margin-top:10px}.desc-title{font-weight:700;margin-bottom:6px}.desc-sub{color:#333;font-size:12px}.inv-items-table:before,.invoice-main-table:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:linear-gradient(to bottom,#000 0,#000 100%),linear-gradient(to bottom,#000 0,#000 100%),linear-gradient(to bottom,#000 0,#000 100%),linear-gradient(to bottom,#000 0,#000 100%);background-position:12% 0,60% 0,75% 0,95% 0;background-repeat:no-repeat;background-size:var(--divider-width) 270px,var(--divider-width) 270px,var(--divider-width) 560px,var(--divider-width) 560px;background-origin:content-box;background-clip:border-box}.inv-items-table tbody td,.invoice-main-table tbody td,.inv-items-table thead th,.invoice-main-table thead th,.inv-items-table tfoot td,.invoice-main-table tfoot td{position:relative;z-index:2;border-right:none!important}.inv-items-table tfoot .labels-cell{text-align:right;font-weight:700;padding-right:20px}.inv-items-table tfoot .amount-cell{text-align:right;padding-right:12px}.inv-items-table thead th{border-bottom:4px solid #111}.inv-top-meta-row{display:flex;gap:12px;margin-top:8px;margin-bottom:8px;align-items:left;width:100%;box-sizing:border-box}.inv-items-table tfoot td,.inv-items-table tfoot .totals-labels,.inv-items-table tfoot .totals-amounts,.inv-items-table tfoot .totals-cts{line-height:2.2!important;vertical-align:top!important;font-family:Times New Roman,serif!important}.meta-row{display:flex;align-items:left}.invoice-no{max-width:140px;text-align:right;word-break:break-word;line-height:1.3}:root{--page-width: 794px;--outer-border: 6px;--inner-border: 2px;--black: #000;--pale-blue: #dbe7ef;--header-blue: #cfe0ea;--muted: #666;--serif: "Times New Roman", Times, serif}.invoice-page{padding:18px 20px 40px;background:#f3f6ff;min-height:100vh;box-sizing:border-box;font-family:var(--serif);color:#111}.invoice-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.invoice-actions .btn{padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;cursor:pointer;background:#fff}.invoice-actions .btn-print{background:#10b981;color:#fff;border:none}.invoice-actions .btn-pdf{background:#0f72ff;color:#fff;border:none}.delivery-note-print-area{width:100%;display:flex;justify-content:center;box-sizing:border-box}.delivery-note-outer{width:var(--page-width);box-sizing:border-box;padding:10px}.delivery-note-inner{border:var(--outer-border) solid var(--black);font-size:medium;box-sizing:border-box;background:#fff;font-family:var(--serif);color:var(--black);position:relative;overflow:visible}.dn-header{display:flex;justify-content:space-between;gap:12px;margin-right:5px;margin-bottom:8px;align-items:flex-start}.dn-header{display:block;margin-bottom:8px}.dn-left{display:flex;align-items:flex-start;gap:12px;float:left;min-width:220px}.dn-header:after{content:"";display:block;clear:both}.dn-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:56%;min-width:260px;margin-left:auto;margin-top:8px;background:linear-gradient(180deg,var(--pale-blue),#e7f0f6);border:1px solid rgba(0,0,0,.6);padding:8px 12px;box-sizing:border-box;height:120px;overflow:hidden}.dn-title{font-size:clamp(26px,4.6vw,44px);font-weight:700;line-height:1;margin-bottom:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--black)}.company-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:420px}.dn-left{display:flex;align-items:flex-start;gap:12px;min-width:220px}.dn-logo{width:120px;height:auto;object-fit:contain;margin-top:4px}.company-name{font-size:16px;color:#153b8b;font-weight:700;margin-top:14px;letter-spacing:.3px;white-space:nowrap;overflow:visible;text-overflow:ellipsis;display:inline-block}.dn-right{flex:1 1 56%;min-width:200px;background:linear-gradient(180deg,var(--pale-blue),#e7f0f6);border:1px solid rgba(0,0,0,.6);padding:8px 12px;box-sizing:border-box;text-align:right;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;overflow:hidden}.dn-title{font-size:clamp(26px,4.6vw,24px);font-weight:700;line-height:1;margin-bottom:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--black)}.dn-contact{font-size:11px;line-height:1.1}.dn-contact .muted{font-style:italic;font-size:10px;margin-top:6px}.dn-meta{display:flex;justify-content:space-between;margin-top:6px;margin-bottom:10px}.meta-left,.meta-right{width:48%;font-size:13px}.meta-left strong,.meta-right strong{font-weight:700}.meta-right{text-align:right}.dn-customer-driver{display:flex;gap:12px;margin-top:6px;margin-bottom:10px}.customer-box,.driver-box{border:var(--inner-border) solid var(--black);padding:6px;box-sizing:border-box;background:#fff}.customer-box{width:66%}.driver-box{width:34%}.box-header{background:var(--header-blue);border:1px solid var(--black);padding:6px 8px;font-weight:700;margin-bottom:6px;font-size:13px}.box-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}.label{width:140px;font-weight:700;font-size:12px}.value{padding:6px 8px;border:1px solid var(--black);font-size:12px;min-height:22px;background:#fff;flex:1}.driver-value{padding:6px 8px;border:1px solid var(--black);font-weight:700;margin-bottom:6px;text-align:left;background:#fff}.driver-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dlabel{width:90px;font-weight:700}.dvalue{padding:6px 8px;border:1px solid var(--black);min-width:120px}.dn-table-area{display:flex;gap:0;margin-top:6px;margin-bottom:6px;align-items:flex-start}.table-side{width:110px;box-sizing:border-box;border-top:4px solid var(--black);border-left:4px solid var(--black);border-bottom:4px solid var(--black);background:#fff}.dn-table-wrap{flex:1;box-sizing:border-box}.dn-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;border:4px solid var(--black);margin:0;background-clip:padding-box;color:var(--black)}.dn-table thead tr:first-child th{background:var(--header-blue);border:2px solid var(--black);padding:10px;font-weight:700;text-align:center}.dn-table thead tr.subhead th{background:var(--header-blue);border-left:2px solid var(--black);border-right:2px solid var(--black);border-bottom:2px solid var(--black);padding:6px;text-align:center;font-weight:700}.dn-table thead th.left-col{width:22%}.dn-table thead th.notes-col{width:18%}.dn-table tbody td{padding:8px 6px;vertical-align:middle;border-left:2px solid var(--black);border-right:2px solid var(--black);border-bottom:2px solid var(--black);background:#fff;color:var(--black)!important;position:relative;z-index:2}.room{padding-left:12px;font-weight:700;text-align:left}.litres,.seal{text-align:center}.blank-area-row td.big-blank{height:220px;padding:0;border-left:2px solid var(--black);border-right:2px solid var(--black);border-bottom:2px solid var(--black);background:#fff}.blank-area-row td.vertical-notes{width:18%;border-left:2px solid var(--black);border-right:2px solid var(--black);border-bottom:2px solid var(--black);background:#fff}.dn-footer-updated{display:flex;justify-content:space-between;gap:24px;margin-top:18px;align-items:flex-start}.footer-left{width:60%;display:flex;flex-direction:column;gap:8px}.footer-row{display:flex;align-items:center;gap:8px}.footer-label{width:80px;font-weight:700;font-size:13px}.footer-line{flex:1;border-bottom:1px solid #111;padding-bottom:2px;height:18px;display:inline-block}.name-line{height:18px}.receipt-caption{margin-left:0;font-size:12px;color:#333}.stamp-box-left{margin-top:6px}.stamp-placeholder{width:140px;height:70px;border:2px solid var(--black);background:#fff}.footer-right{width:40%;display:flex;flex-direction:column;gap:12px}.signature-row,.date-row,.deliver-row{display:flex;align-items:center;gap:8px}.signature-line,.date-line,.deliver-line{flex:1;border-bottom:1px solid #111;height:18px;display:inline-block}.deliver-label{width:110px;font-weight:700}.muted{color:var(--muted);font-size:11px}@media print{body *{visibility:visible}.invoice-actions{display:none!important}.invoice-page{background:#fff;padding:6mm}.delivery-note-print-area{display:block}.delivery-note-outer{width:100%;padding:0;border:none;box-shadow:none}@page{size:A4;margin:6mm}.dn-right{-webkit-print-color-adjust:exact}}@media (max-width: 1000px){.delivery-note-outer{width:100%;padding:12px}.dn-header{flex-direction:column;gap:12px;align-items:stretch}.table-side{display:none}.footer-left,.footer-right{width:100%}.dn-footer-updated{flex-direction:column}}.sales-page{padding:18px;box-sizing:border-box;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;color:#111827;background:transparent}.sales-container{max-width:1280px;margin:0 auto}.sales-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.sales-title h1{margin:0;font-size:20px;font-weight:700}.sales-title .muted{font-size:13px;color:#6b7280}.sales-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid rgba(15,23,42,.06);background:#fff;cursor:pointer;font-size:14px}.btn.primary,.btn.btn-primary{background:#0f72ff;color:#fff;border:none}.reset{background:#f52f2f;border:1px solid #e5e7eb;color:#fcfdfd;height:35px}.btn.btn-ghost{background:#55ff55;border:1px solid #e5e7eb;color:#111827}.btn.small{padding:6px 8px;font-size:13px}.sales-filters{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.filters-left label,.filters-right label{display:inline-flex;gap:8px;align-items:center;margin-right:10px;font-size:13px;color:#374151}.filters-left input[type=text],.filters-left input[type=date],.filters-left select,.filters-right select{padding:6px 8px;border-radius:6px;border:1px solid #e6e9ee;background:#fff;font-size:13px}.card.table-card,.sales-table-card{background:#fff;border-radius:10px;border:1px solid #e6eef8;box-shadow:0 1px 2px #10182805;overflow:hidden}.sales-table-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef2f6}.sales-table-head h3{margin:0;font-size:16px;font-weight:700}.sales-table-actions{display:flex;gap:12px;align-items:center}.table-scroll{overflow-x:auto}.sales-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}.sales-table thead th{text-align:left;padding:12px 14px;font-weight:700;background:#f8fafc;border-bottom:2px solid #e6eef8;color:#1f2937;font-size:13px}.sales-table tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#111827;font-size:13px}.sales-table .empty{text-align:center;padding:32px 0;color:#6b7280}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;color:#fff}.badge.paid{background:#16a34a}.badge.partial{background:#f59e0b}.badge.unpaid{background:#ef4444}.sales-table-footer,.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #eef2f6;background:#ffffff}.sales-page-summary{color:#6b7280;font-size:13px}.sales-pagination{display:flex;gap:8px;align-items:center}.page-indicator{font-size:13px;color:#374151}.btn[disabled],.btn.disabled,button[disabled]{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.45);display:flex;align-items:center;justify-content:center;z-index:4000}.modal{background:#fff;width:640px;max-width:95%;border-radius:10px;padding:18px;box-shadow:0 10px 30px #02061733}.modal h3{margin:0 0 12px;font-size:18px}.modal-form label{display:block;font-size:13px;color:#374151;margin-bottom:6px}.modal-form input[type=text],.modal-form input[type=date],.modal-form input[type=number],.modal-form select{width:100%;padding:8px 10px;border:1px solid #e6e9ee;border-radius:6px;background:#fff;box-sizing:border-box;margin-bottom:8px}.small{font-size:12px}.text-center{text-align:center}@media print{.btn,.sales-actions,.sales-filters,.sales-table-head,.modal-backdrop{display:none!important}.card.table-card{border:none;box-shadow:none}}@media (max-width: 980px){.sales-header{flex-direction:column;align-items:stretch;gap:10px}.sales-actions{justify-content:flex-start;flex-wrap:wrap}.sales-filters{flex-direction:column;gap:12px}.sales-table{min-width:700px}}.proforma-page{background:#d6e6fe;border-radius:10px;position:relative;font-family:Inter,sans-serif;color:#1e293b;padding:28px;overflow:visible;width:940px}.salesList-actions{display:flex;gap:10px;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#0f72ff;cursor:pointer;transition:transform .12s ease,background .12s ease;padding:0}.icon-btn svg{width:16px!important;height:16px!important;flex:0 0 16px;display:inline-block!important;vertical-align:middle;stroke:currentColor!important;fill:none!important;color:#fff!important}.icon-btn:hover{transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.icon-btn.view{background:#eff6ff;border-color:#dbeafe}.icon-btn.view svg{color:#2563eb!important;fill:none!important}.icon-btn.receive{background:#16a34a;border-color:#16a34a}.icon-btn.receive svg{color:#fff!important;fill:none!important}svg[role=img],.icon-btn svg{display:inline-block!important;visibility:visible!important}.salesList-page{background:#d6e6fe;border-radius:10px;font-family:Inter,sans-serif;color:#1e293b;padding:28px;overflow:visible}.salesList-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.salesList-header h2{margin:0;font-size:24px;font-weight:600;color:#fff}.salesList-header p{margin-top:6px;font-size:14px;color:#fff}.salesList-primaryBtn{background:linear-gradient(135deg,#0804fa,#2003f8);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s ease}.salesList-primaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2563eb4d}.salesList-summaryFilter{display:flex;align-items:center;gap:14px;margin-bottom:25px}.salesListCard-select{padding:8px 12px;border-radius:8px;height:28px;border:1px solid #d6e8ff;background:rgb(247,247,247);font-size:13px;color:#060707;cursor:pointer;transition:.2s ease}.salesListCardMonth-select{padding:8px 12px;border-radius:8px;height:28px;border:1px solid #d6e8ff;background:rgb(247,247,247);font-size:13px;color:#060707;cursor:pointer;width:80px;transition:.2s ease}.salesList-select:hover{border-color:#2563eb}.salesList-dateRange{display:flex;align-items:center;gap:8px}.salesList-dateRange input{padding:6px 10px;background-color:#c7cbff;font-size:13px;color:#070b11;border-radius:8px;border:1px solid #e2e8f0;height:25px}.SalesListSum-wrapper{background:linear-gradient(135deg,#4151ff,#dd0285);border-radius:20px;padding:25px 25px 120px;border-top:20px linear-gradient(135deg,#dd0285,#4151ff);box-shadow:0 12px 40px #0f172a14;margin-bottom:70px;height:120px}.salesList-summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.salesList-card{border-radius:16px;padding:16px;height:75px;color:#fff;box-shadow:0 12px 28px #0000000f;transition:.3s ease}.salesList-card:hover{transform:translateY(-4px)}.salesList-card p{margin:0;font-size:13px;opacity:.9}.salesList-card h3{margin-top:10px;font-size:22px;font-weight:600}.salesList-card.blue{background:linear-gradient(135deg,#11a301,#2d7a32)}.salesList-card.orange{background:linear-gradient(135deg,#460bf5,#208cff)}.salesList-card.green{background:linear-gradient(135deg,#b66ff9,#9914ff)}.salesList-card.red{background:linear-gradient(135deg,#f63b5d,#af1e4e)}.SalesListTabs-Wrapper{background:#cbc8c9}.salesList-tabs{display:flex;gap:30px;border-bottom:2px solid #cbc8c9;margin-bottom:25px}.salesList-tab{padding:12px 4px;font-size:14px;background:none;border:none;cursor:pointer;position:relative;color:#0a70fd}.salesList-tab.active{font-weight:700;color:#111827}.salesList-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#2563eb;border-radius:4px}.salesList-tab.active{color:#2563eb;font-weight:700}.salesList-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;height:3px;width:100%;background:#2563eb;border-radius:4px}.salesList-tableCard{background:rgb(239,238,241);border-radius:18px;padding:22px;box-shadow:0 8px 30px #0000000d}.salesList-tableFilters{background:#f8fafc;padding:18px;border-radius:14px;border:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:center}.salesList-input,.salesList-select{height:40px;padding:0 14px;border-radius:10px;border:1px solid #93beff;background:#ffffff;font-size:14px;color:#070b11;transition:.2s ease}.salesList-input::placeholder{color:#141414}.salesList-tableFilters input:nth-child(1){width:80px;height:32px}.salesList-tableFilters input:nth-child(2){width:90px;height:32px}.salesList-tableFilters input:nth-child(3){width:110px;height:32px}.salesList-tableFilters select{width:110px;height:32px}.salesList-searchBox{width:220px;height:32px}.salesList-input:focus,.salesList-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.salesList-searchBox{display:flex;align-items:center;gap:10px;height:32px;padding:0 14px;border-radius:10px;border:1px solid #d1d5db;background:#fefbfb;transition:.2s ease}.salesList-searchBox svg{color:#060707;font-size:16px}.salesList-searchBox input{border:none;outline:none;width:100%;font-size:14px;background:transparent;color:#08090a}.salesList-searchBox:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.salesList-tableWrapper{background:#ffffff;margin-top:20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 6px 18px #0f172a0a;max-height:520px;overflow-y:auto}.salesList-table{width:100%;border-collapse:collapse}.salesList-table th{position:sticky;top:0;background:#f8fafc;padding:14px;font-size:13px;font-weight:600;text-align:left;color:#475569;border-bottom:1px solid #e2e8f0}.salesList-table td{padding:10px;font-size:13px;border-bottom:1px solid #f1f5f9;color:#334155}.salesList-table tr:hover{background:#f1f5f9}.salesList-status{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.salesList-status.paid{background:#dcfce7;color:#166534}.salesList-status.unpaid{background:#fee2e2;color:#991b1b}.salesList-status.partial{background:#fef3c7;color:#92400e}.salesList-actions{display:flex;gap:12px;cursor:pointer;color:#64748b}.salesList-actions svg:hover{color:#2563eb}.salesList-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.salesList-pageButtons{display:flex;gap:6px}.salesList-pageButtons button{min-width:34px;height:34px;border-radius:8px;border:1px solid #cbd5e1;background:white;cursor:pointer;font-size:13px;color:#08090a}.salesList-pageButtons button.active{background:#79a2fa;color:#fff;border-color:#2563eb;height:30px}.salesList-pageButtons button:hover:not(.active){background:#f1f5f9}.salesList-pageButtons button:disabled{opacity:.4;cursor:not-allowed}.salesList-totalRow{background:#f1f5f9;font-weight:600;border-top:2px solid #cbd5e1}.salesList-totalRow td{padding:12px;font-size:14px}.salesList-exportButtons{display:flex;gap:10px;justify-content:flex-end;align-items:center}.salesList-btn{height:40px;padding:0 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.salesList-btn-pdf{background:#dc2626;color:#fff}.salesList-btn-pdf:hover{background:#b91c1c;transform:translateY(-1px)}.salesList-btn-excel{background:#16a34a;color:#fff}.salesList-btn-excel:hover{background:#15803d;transform:translateY(-1px)}.addSales-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);display:flex;justify-content:center;align-items:center;z-index:11000}.addSales-modal{background:linear-gradient(135deg,#9fa7fe,#cbf9d1);width:95%;max-width:900px;height:92vh;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.addSales-content{flex:1;overflow-y:auto;padding:24px}.addSales-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-top:6px solid #b2b9fc;border-bottom:1px solid #eef3f8;background:linear-gradient(135deg,#4151ff,#dd0285);flex-shrink:0}.addSales-header h2{margin:0;font-size:20px;color:#fff;font-weight:700}.addSales-sub{margin-top:6px;font-size:13px;color:#fff}.addSales-headerRight{display:flex;gap:12px;align-items:center}.addSales-close{border-radius:10px;border:none;background:#f3f6fb;color:#0b1220;cursor:pointer;font-size:18px}.erp-row.top-row{display:grid;grid-template-columns:1fr 200px 130px 130px;gap:9px;align-items:center;margin-bottom:18px}@media (max-width: 1060px){.erp-row.top-row{grid-template-columns:1fr 160px 140px}}@media (max-width: 760px){.erp-row.top-row{grid-template-columns:1fr;gap:10px}}.erp-field{display:flex;flex-direction:column;gap:6px;position:relative}.erp-field label{font-size:13px;color:#344154;font-weight:600}.erp-field input,.erp-field select,.erp-row input,.erp-row select{height:44px;border-radius:10px;border:1px solid #a1cbf3;padding:0 12px;font-size:14px;color:#071027;background:#f5f5fc;transition:box-shadow .12s,border-color .12s}.erp-field input::placeholder{color:#9aa6b3}.erp-field input:focus,.erp-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 8px 26px #2563eb14}.erp-selected{margin-top:6px;font-size:13px;color:#0b1220;background:#c7c9cc;padding:6px 10px;border-radius:8px;display:inline-block}.erp-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffff;border-radius:10px;box-shadow:0 18px 40px #060b141f;border:1px solid #5230fa;max-height:260px;overflow-y:auto;z-index:13000}.erp-dropdown-item{display:flex;gap:10px;padding:10px 12px;cursor:pointer;align-items:center}.erp-dropdown-item .erp-dd-code{font-weight:700;color:#090d16;width:88px}.erp-dropdown-item .erp-dd-name{color:#334155}.erp-dropdown-item:hover{background:#f1f6fb}.erp-dropdown-item.none{color:#9e908b}.erp-product-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;align-items:center}.erp-product-field,.erp-charge-field{display:flex;flex-direction:column;font-size:12px;color:#090d16;font-weight:400;gap:8px}.erp-product-controls{display:flex;gap:10px;align-items:center}.erp-product-controls select{flex:1;width:50px;height:45px;border-radius:10px;border:1px solid #dbe7f2;padding:0 12px;font-size:12px;color:#090d16;background:#fffefe}.erp-add-btn{height:35px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #2563eb1f}.erp-add-btn:hover{transform:translateY(-1px)}.erp-table-wrapper{background:linear-gradient(180deg,#fbfdff,#ffffff);border-radius:12px;padding:12px;margin-bottom:18px;border:1px solid #b5d5f5;box-shadow:0 10px 30px #0c121c0a;overflow:visible}.erp-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.erp-table thead th{padding:12px;text-align:left;font-weight:700;color:#2b3a45;background:#beceec;border-bottom:1px solid #7ab8ff}.erp-table tbody td{padding:12px;border-bottom:1px solid #f1f6fb;color:#071027;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-table input{width:70%;height:23px;padding:6px 8px;border-radius:8px;border:1px solid #dbe7f2;background:#e2e2e2;font-size:13px;color:#0b1220}.erp-table select{width:90%;height:35px;padding:6px 8px;border-radius:8px;border:1px solid #dbe7f2;background:#e2e2e2;font-size:13px;color:#0b1220}.line-item-title{font-weight:700;color:#0b1220;margin-bottom:4px}.line-item-sub{color:#4b5563;font-size:12px}.erp-table .empty-row td{background:linear-gradient(180deg,#abd1fa,#f6f9fc);border-radius:8px}.row-delete{width:36px;height:36px;border-radius:8px;background:#ef4444;color:#fff;border:none;font-weight:700;cursor:pointer}.erp-bottom{display:flex;gap:28px;margin-top:6px;align-items:flex-start;justify-content:space-between}.erp-left{min-width:320px;display:flex;flex-direction:column;gap:12px}.erp-input-row{display:flex;flex-direction:column;gap:6px}.erp-input-row label{font-weight:600;color:#212c3f;font-size:13px}.erp-input-row input{width:220px;height:42px;padding:0 12px;border-radius:10px;border:1px solid #aad6fe;background:#f6f8f7;font-size:12px;color:#090d16}.erp-right{min-width:320px;background:#b9d3f4;padding:14px;border-radius:10px;border:1px solid #eef3f8;box-shadow:0 6px 20px #0f172a0a}.tot-row{display:flex;justify-content:space-between;gap:10px;color:#374151;margin-bottom:8px;font-size:14px}.tot-row.grand{font-size:16px;font-weight:700;color:#071027}.addSales-actions{display:flex;gap:12px;margin-top:18px;justify-content:flex-end}.btn-ghost{background:#3dbe01;border:1px solid #d1d5db;color:#f0f0f0;padding:10px 14px;border-radius:10px;cursor:pointer;min-width:120px;font-weight:700}.btn-ghost:hover{background-color:#164614}.btn-warning{background:#f97316;color:#151111;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;min-width:120px;font-weight:700}.btn-warning:hover{background-color:#3e783c}.btn-primary{background:#e2bc00;color:#0c0303;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;min-width:180px;font-weight:700;box-shadow:0 10px 30px #22c55e24}.btn-primary:hover{background-color:#30632e}@media (max-width: 1200px){.addSales-modal{width:95%}.erp-row.top-row{grid-template-columns:1fr 160px 140px;gap:12px}.erp-product-row{grid-template-columns:1fr;gap:10px}.erp-bottom{flex-direction:column;gap:12px}.addSales-actions{flex-wrap:wrap}}@media (max-width: 640px){.erp-row.top-row,.erp-product-row{grid-template-columns:1fr}.erp-left input{width:100%}.erp-right{min-width:auto;width:100%}}.erp-search-input{position:relative;width:100%}.erp-search-input input{width:70%;height:44px;padding:0 14px;border-radius:10px;border:1px solid #dbe3ee;background:#ffffff;font-size:14px;color:#0f172a;transition:all .18s ease}.erp-search-input input::placeholder{color:#94a3b8}.erp-search-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 6px 20px #2563eb14}.erp-search-input .erp-dropdown-menu{position:absolute;background:#ffffff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 18px 40px #0f172a14;z-index:999999}.erp-search-input .erp-dropdown-item{padding:10px 14px;font-size:14px;color:#0f172a;cursor:pointer;transition:background .15s ease}.erp-search-input .erp-dropdown-item:hover{background:#f1f5f9}.erp-product-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;margin-bottom:20px}.erp-product-field,.erp-charge-field{display:flex;flex-direction:column;gap:6px}.erp-product-field label,.erp-charge-field label{font-size:13px;font-weight:600;color:#334155}.erp-product-controls{display:flex;gap:1px;align-items:center}.erp-add-btn{height:44px;padding:0 18px;border-radius:10px;border:none;margin-right:20px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.erp-add-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2563eb40}@media (max-width: 900px){.erp-product-row{grid-template-columns:1fr}}.poi-page{padding:12px;font-family:Times New Roman,Georgia,serif;color:#111}.poi-actions{display:flex;justify-content:space-between;margin-bottom:8px}.poi-btn{padding:6px 10px;margin-left:6px;background:#f0f0f0;border:1px solid #bbb;cursor:pointer;font-family:inherit}.poi-btn-outline{background:transparent;border:1px solid #2a5179;color:#2a5179}.poi-btn-pdf{background:#0b84ff;color:#fff;border:none}.poi-btn-print{background:#28a745;color:#fff;border:none}.poi-print-area{background:white;padding:10px;border-radius:4px;width:100%;box-sizing:border-box}.poi-card{max-width:1100px;margin:0 auto}.poi-header{display:grid;grid-template-columns:160px 1fr 220px;gap:8px;align-items:start;padding-bottom:8px;border-bottom:2px solid #ddd}.poi-logo img{width:140px;height:auto;object-fit:contain}.poi-title-area{text-align:center;padding-top:4px}.poi-title-area h1{margin:0;font-size:34px;letter-spacing:1px;background:#dfe9ef;padding:10px 30px;display:inline-block}.poi-company{font-weight:700;font-size:18px;margin-top:6px}.poi-company-meta{font-size:12px;color:#333}.poi-boxes{display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:center}.poi-box{border:2px solid #000;background:#fff;text-align:center;padding:4px;min-width:160px}.poi-box-label{font-weight:700;font-size:12px;background:#fff;color:#000}.poi-box-value{font-size:16px;margin-top:4px}.poi-billto{margin-top:14px}.poi-bill-title{background:#dfe9ef;padding:6px 10px;border:1px solid #111;width:100%;box-sizing:border-box;margin-bottom:6px;font-weight:700}.poi-bill-table{width:100%;border-collapse:collapse}.poi-left{background:#d6e0e7;width:160px;padding:8px;border:1px solid #000;font-weight:600}.poi-right{padding:8px;border:1px solid #000}.poi-items{margin-top:12px}.poi-items-table{width:100%;border-collapse:collapse;border:2px solid #000}.poi-items-table th,.poi-items-table td{border:1px solid #000;padding:8px;vertical-align:top}.poi-items-table thead th{background:#dfe9ef;font-weight:700;text-align:left;padding-top:6px;padding-bottom:6px;height:34px;min-height:34px}.poi-col-qty{width:7%;text-align:center}.poi-col-part{width:63%}.poi-col-unit{width:13%;text-align:center}.poi-col-amt{width:13%;text-align:right}.poi-col-cts{width:4%;text-align:center}.poi-items-table tbody tr{height:190px}.poi-items-table tbody td{vertical-align:top;padding-top:10px}.poi-items-table thead tr{height:auto}.poi-items-table tbody tr:last-child td{padding-bottom:160px}.poi-footer{margin-top:10px;display:flex;justify-content:flex-end;gap:28px;align-items:center}.poi-footer{margin-top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.poi-footer .poi-totals,.poi-footer .poi-vat,.poi-footer .poi-grand{width:260px;display:flex;justify-content:space-between;align-items:center;text-align:right;font-weight:700;font-size:15px}.poi-amt{font-size:15px;margin-top:0}.poi-amt{font-size:14px;margin-top:6px}@media print{body{margin:0!important;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-page{background:#fff!important;padding:0!important;min-height:auto!important}.invoice-actions{display:none!important}.invoice-print-area{display:block!important;justify-content:center!important}.paper-a4{width:190mm!important;min-height:277mm!important;margin:0 auto!important;padding:8mm 10mm!important;box-shadow:none!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;background:#fff!important}@page{size:A4;margin:10mm}.inv-items-table:before,.invoice-main-table:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 980px){.paper-a4{width:100%;padding:12px}.inv-top-grids{flex-direction:column}.inv-header{flex-direction:column;gap:12px;align-items:stretch}.inv-header-right{width:100%;order:3}.inv-header-left{order:1}.inv-header-center{order:2}.inv-top-meta-row{flex-direction:column}}.inv-top-meta-row{display:flex;gap:12px;margin-top:8px;margin-bottom:8px;align-items:stretch;width:100%;box-sizing:border-box}.inv-top-meta-row .meta-small-box{flex:1 1 0;min-width:0;border:1px solid #000;padding:8px 10px;font-weight:700;font-size:13px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.inv-top-grids{display:flex;gap:12px;margin-top:6px;margin-bottom:12px;align-items:stretch;width:100%;box-sizing:border-box}.bill-to,.depot-box{flex:1 1 0;box-sizing:border-box;border:1px solid #000;padding:8px;background:#f8fafc;min-height:60px;display:flex;flex-direction:column;justify-content:flex-start}.incol-qty{text-align:center;padding:10px}.bill-to .box-title,.depot-box .box-title{margin-bottom:8px}.info-table td{padding:4px 6px;border-bottom:1px solid #cbd5e1;font-size:12px}.inv-top-meta-row .meta-small-box,.inv-top-grids .bill-to,.inv-top-grids .depot-box{flex-basis:50%}@media (max-width: 980px){.inv-top-meta-row{flex-direction:column;gap:8px}.inv-top-grids{flex-direction:column;gap:8px;margin-top:6px}.inv-top-meta-row .meta-small-box,.inv-top-grids .bill-to,.inv-top-grids .depot-box{flex-basis:auto;width:100%}}.sig-row{display:flex;justify-content:space-between;gap:40px;margin-top:20px}.sig-col{flex:1;font-family:Times New Roman,serif}.sig-title{font-weight:600;margin-bottom:6px}.inedit{background-color:#fff;border:1px solid #cbd5e1;font-size:13px;font-weight:800;color:#111}.sig-field{display:flex;align-items:center;gap:8px;margin:8px 0}.sig-line{flex:1;border-bottom:1px solid #000;height:14px}.bank-header{margin-top:18px}.make-payment{font-size:9.5px;font-weight:800;margin-bottom:4px}.bank-title{font-weight:700;font-size:9.5px;letter-spacing:.5px}.bank-grid{margin-top:14px;display:grid;grid-template-columns:220px 1fr 1fr 1fr;gap:40px}.bank-labels div{margin-bottom:6px;font-size:9.5px}.bank-col div{margin-bottom:6px}.bank-red{color:#b00000;font-weight:500;font-size:9.5px}.sp-page{padding:20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#222;background:#fbfcfe;width:900px}.sp-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.sp-titleBlock h1{margin:0;font-size:22px}.sp-muted{margin:4px 0 0;color:#6b7280;font-size:13px}.sp-actions{display:flex;gap:10px;align-items:center}.sp-btn{border:1px solid #d1d5db;background:#ffffff;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;color:#111827}.sp-btn.primary{background:#0b6efd;color:#fff;border-color:#0b6efd}.sp-btn.small{padding:6px 8px;font-size:13px}.sp-btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}.sp-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.sp-search{width:560px;max-width:64%;padding:10px 12px;border-radius:8px;border:1px solid #e6e9ef;box-shadow:none;font-size:14px}.sp-right{display:flex;gap:8px;align-items:center}.sp-selectLabel{font-size:13px;color:#374151;margin-right:6px}.sp-summary{display:flex;gap:12px;margin-bottom:14px}.sp-card{background:#fff;border:1px solid #eef2ff;padding:10px 14px;border-radius:10px;min-width:120px;text-align:center}.sp-cardLabel{font-size:12px;color:#6b7280}.sp-cardValue{margin-top:6px;font-size:18px;font-weight:700}.sp-tableWrap{overflow:auto;background:white;border-radius:10px;border:1px solid #e6e9ef}.sp-table{width:100%;border-collapse:collapse;min-width:1000px}.sp-table thead th{text-align:left;padding:12px 14px;background:#f8fafc;border-bottom:1px solid #eef2f6;font-weight:700;font-size:13px;color:#0f172a}.sp-table tbody td{padding:12px 14px;border-bottom:1px solid #f3f4f6;font-size:14px;vertical-align:middle;color:#111827}.sp-empty{text-align:center;padding:28px;color:#6b7280}.sp-code{font-family:Roboto Mono,monospace;font-weight:700;color:#0b6efd}.sp-address{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-rowActions{display:flex;gap:8px;justify-content:flex-end}.sp-footer{padding:12px 14px;color:#6b7280}.sp-pagination{display:flex;justify-content:flex-end;margin-top:12px;align-items:center;gap:12px}.sp-pageInd{margin:0 8px;font-weight:700}.sp-modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:1300}.sp-modalCard{width:840px;max-width:96%;background:#fff;border-radius:12px;box-shadow:0 14px 40px #0206172e;overflow:hidden}.sp-modalHead{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #eef2f6}.sp-modalHead h3{margin:0;font-size:18px}.sp-close{border:none;background:transparent;font-size:20px;cursor:pointer}.sp-modalBody{padding:18px}.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.sp-field{display:flex;flex-direction:column;gap:6px}.sp-field.wide{grid-column:span 2}.sp-field.actionsCol{display:flex;flex-direction:column;justify-content:flex-end;grid-column:span 2}.sp-field label{font-size:13px;color:#0f172a;font-weight:600}.sp-field input,.sp-field select,.sp-field textarea{padding:10px 12px;border-radius:8px;border:1px solid #e6e9ef;font-size:14px;background:#fff}.sp-field input[readonly]{background:#f8fafc;color:#374151}.sp-modalActions{display:flex;gap:10px;justify-content:flex-end}.sp-modalActions .sp-btn{min-width:100px}.sp-error{color:#b91c1c;font-size:13px;margin-top:6px}.serverErr{margin-top:12px}@media (max-width: 920px){.sp-grid{grid-template-columns:repeat(2,1fr)}.sp-field.wide{grid-column:span 2}.sp-table{min-width:800px}}@media (max-width: 560px){.sp-search{width:100%;max-width:100%}.sp-table{min-width:700px}.sp-grid{grid-template-columns:1fr}.sp-field.actionsCol{grid-column:span 1}}:root{--bg-page: linear-gradient(90deg, rgba(59,130,246,.12), rgba(168,85,247,.08));--panel-bg: #ffffff;--muted: #6b7280;--accent: #2563eb;--accent-strong: #1d4ed8;--success: #10b981;--danger: #ef4444;--text: #0b1220;--border: rgba(14, 45, 74, .06);--card-shadow: 0 8px 30px rgba(11,18,30,.06);--radius: 12px}.customerList-page{background:var(--bg-page);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);padding:18px 28px;box-sizing:border-box;width:100%;min-height:100vh}.customerList-headerWrap{display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:var(--radius);padding:20px;background:linear-gradient(90deg,rgba(59,130,246,.95),rgba(168,85,247,.92));color:#fff;box-shadow:0 12px 40px #2563eb14;margin-top:12px;margin-bottom:18px}.customerList-titleBlock h2{margin:0;font-size:22px;font-weight:700;color:#fff}.customerList-titleBlock .muted{margin-top:6px;font-size:13px;color:#ffffffe6}.customerList-actions .newCustomerBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.12);color:#fff;border-radius:10px;border:1px solid rgba(255,255,255,.12);font-weight:700;cursor:pointer;transition:transform .14s ease,background .14s ease}.customerList-actions .newCustomerBtn:hover{transform:translateY(-3px);background:rgba(255,255,255,.16)}.customerList-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 18px;align-items:stretch}.cusummaryCard{flex:1 1 210px;min-width:200px;border-radius:10px;padding:14px 12px;box-sizing:border-box;color:#f1f9ff;box-shadow:var(--card-shadow);transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.cusummaryCard:hover{transform:translateY(-4px)}.cusummaryLabel{font-size:13px;color:#f7fbff;font-weight:700;margin-bottom:8px;text-align:center}.cusummaryValue{font-size:26px;color:#f1f9ff;font-weight:800;text-align:center}.cusummaryCard:nth-child(1){background:linear-gradient(90deg,rgba(59,130,246,.95),rgba(0,40,218,.92))}.cusummaryCard:nth-child(2){background:linear-gradient(90deg,rgba(9,155,2,.95),rgba(85,247,90,.92))}.cusummaryCard:nth-child(3){background:linear-gradient(90deg,rgba(17,108,255,.95),rgba(34,0,204,.92))}.cusummaryCard:nth-child(4){background:linear-gradient(90deg,rgba(255,68,174,.95),rgba(63,60,255,.92))}.cusummaryCard .small-hint{margin-top:8px;background:rgba(255,255,255,.6);padding:6px 8px;border-radius:12px;font-weight:700;font-size:12px;color:var(--muted)}.customerList-filters{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.searchBox{display:flex;align-items:center;gap:10px;background:var(--panel-bg);padding:8px 12px;border-radius:10px;border:1px solid var(--border);box-shadow:0 6px 20px #0b121e08;min-width:320px}.searchBox svg{color:#060a1466}.searchBox input{border:none;outline:none;font-size:14px;background:transparent;color:var(--text)}.filter-right{display:flex;gap:10px;align-items:center}.filter-right select{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);font-size:14px;color:var(--text)}.customerList-tableWrap{background:var(--panel-bg);border-radius:12px;border:1px solid var(--border);box-shadow:0 12px 38px #0b121e0a;overflow:hidden}.table-scroll{max-height:420px;overflow:auto}.customerList-table{width:100%;min-width:860px;border-collapse:collapse;font-size:14px;color:#0b1220}.customerList-table thead th{position:sticky;top:0;background:linear-gradient(180deg,#f8fbff,#eef6ff);padding:12px 14px;text-align:left;font-weight:800;color:#0b1220;border-bottom:1px solid var(--border);z-index:4}.customerList-table tbody td{padding:12px 14px;border-bottom:1px solid rgba(14,45,74,.04);vertical-align:middle}.customerList-table tbody tr:hover{background:linear-gradient(90deg,rgba(37,99,235,.03),rgba(255,255,255,0))}.empty{padding:26px 12px;text-align:center;color:var(--muted);font-weight:600}.customerList-table tfoot td{padding:12px 14px;background:linear-gradient(180deg,#fbfdff,#f7fbff);border-top:1px solid var(--border);font-weight:800}.row-actions{display:flex;justify-content:flex-end;gap:8px}.btn{border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:6px}.btn-view{background:linear-gradient(90deg,var(--accent-strong),#2b6ef6);color:#c6c3c3}.btn-view:hover{opacity:.96;transform:translateY(-2px)}.customerList-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:14px;align-items:center;flex-wrap:wrap}.pagination-controls button{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer}.pagination-controls button:hover{background:#f1f9ff}.page-indicator{font-weight:700;color:var(--muted)}@media (max-width: 980px){.customerList-headerWrap{flex-direction:column;align-items:flex-start;padding:14px}.customerList-titleBlock h2{font-size:18px}.summaryCard{min-width:100%;flex:1 1 auto;display:flex;justify-content:space-between;padding:12px 14px}.summaryValue{font-size:20px}.table-scroll{max-height:360px}.customerList-table{min-width:740px}}.customerModal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(10,15,30,.45);z-index:12000;padding:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.customerModal-card{width:880px;max-width:calc(100% - 48px);max-height:86vh;background:#ffffff;border-radius:12px;box-shadow:0 24px 60px #060b1e40;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(15,23,42,.06)}.customerModal-header{padding:18px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(250,250,255,1) 0%,rgba(248,250,255,1) 100%)}.customerModal-header h3{margin:0;font-size:18px;font-weight:700;color:#0f172a}.customerModal-body{padding:18px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;overflow:auto;align-items:start}.customerModal-row{display:flex;flex-direction:column}.customerModal-row label{font-size:13px;color:#0b1220;font-weight:600;margin-bottom:8px}.customerModal-row input,.customerModal-row select,.customerModal-row textarea{box-sizing:border-box;width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e6e9ef;background:#ffffff;font-size:14px;color:#0b1220;outline:none;transition:box-shadow .12s ease,border-color .12s ease;min-height:40px}.customerModal-row textarea{min-height:90px;resize:vertical;padding-top:10px}.customerModal-row input:focus,.customerModal-row select:focus,.customerModal-row textarea:focus{border-color:#a8b4ff;box-shadow:0 6px 18px #0e30e80f}.customerModal-row input[type=number]{-moz-appearance:textfield}.customerModal-row.fullwidth{grid-column:1 / -1}.customerModal-row .small{font-size:12px;color:#6b7280;margin-top:6px}.customerModal-actions{display:flex;justify-content:flex-end;gap:12px;padding:14px 22px;border-top:1px solid #f1f5f9;background:#ffffff}.customerModal-actions .btn{min-width:110px;padding:10px 14px;border-radius:8px;border:1px solid rgba(14,20,40,.06);background:#ffffff;color:#0b1220;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0b12200a;transition:transform .08s ease,box-shadow .08s ease}.customerModal-actions .btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #0b122012}.customerModal-actions .btn.primary{background:#0b67ff;color:#fff;border:1px solid rgba(11,103,255,.9)}.customerModal-actions .btn.primary:hover{box-shadow:0 10px 30px #0b67ff24}.customerModal-actions .btn[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 920px){.customerModal-card{width:100%;max-width:760px}.customerModal-body{grid-template-columns:1fr;gap:12px;padding:14px}.customerModal-actions{padding:12px 14px}}@media (max-width: 520px){.customerModal-card{border-radius:8px;max-height:92vh;margin:6px}.customerModal-header,.customerModal-actions{padding-left:12px;padding-right:12px}}.customerModal-body:focus{outline:none}.customerModal-body .group-divider{grid-column:1 / -1;height:1px;background:#f4f6f9;margin:6px 0}.customerModal-row.balance input{font-weight:700;color:#0b1220;background:#fbfbff}.statement-wrap{background:#ffffff;border-radius:10px;padding:20px;margin-top:20px;box-shadow:0 2px 8px #0000000f;width:850px}.statement-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;flex-wrap:wrap}.statementList-header{color:#111827}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filters label{font-size:13px;font-weight:600;color:#444}.filters select,.filters input{padding:6px 10px;border-radius:6px;border:1px solid #dcdcdc;font-size:13px;background:#fff;transition:.2s ease}.filters select:focus,.filters input:focus{border-color:#2563eb;outline:none}.statement-actions{display:flex;gap:10px}.transactions-wrap{overflow-x:auto;margin-top:10px}.transactions-table td,.transactions-table th{padding:10px 8px;font-size:13px}.transactions-table tbody tr:hover{background-color:#f8fafc}.empty{text-align:center;padding:20px;color:#888}.salesList-table tfoot tr{background-color:#f3f4f6}.salesList-table tfoot td{font-weight:600;padding:12px 8px}.aging-wrap{margin-top:25px;border-top:1px solid #e5e7eb;padding-top:20px}.aging-table th,.aging-table td{text-align:center;padding:10px;font-size:13px}.aging-table thead{background:#f1f5f9}.aging-table tbody td{font-weight:600;color:#111827}.salesList-pagination{margin-top:20px}@media (max-width: 768px){.statement-controls{flex-direction:column;align-items:flex-start}.statement-actions{width:100%;justify-content:flex-start}.filters{width:100%}}:root{--bg: #f15107;--card: #ffffff;--muted: #6b7280;--accent: #2563eb;--radius: 12px;--gap: 18px;--shadow-1: 0 12px 30px rgba(11,18,30,.06);--text: #071027}.account-page{background:#d0dffc;min-height:100vh;padding:22px 28px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);box-sizing:border-box;border-radius:10px}.account-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.account-breadcrumb a{color:var(--muted);text-decoration:none;font-size:14px}.account-title{margin:0;font-size:20px;color:#2563eb;text-align:center;flex:1}.account-subtitle{color:var(--muted);font-size:14px}.account-main{display:flex;flex-direction:column;gap:20px}.top-row{display:flex;gap:20px;align-items:flex-start;width:100%;box-sizing:border-box;flex-wrap:wrap}.customer-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-1);border:1px solid #e7eff9;box-sizing:border-box;flex:0 0 320px;min-width:260px;position:relative}.customer-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-1);border:1px solid #e7eff9;box-sizing:border-box;flex:0 0 320px;min-width:260px;position:relative}.logo-circle{width:72px;height:72px;border-radius:12px;background:linear-gradient(90deg,#7c3aed,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;float:left;margin-right:14px;box-shadow:0 8px 20px #2563eb14}.customer-name{font-size:18px;font-weight:700;margin-top:8px}.customer-business{color:var(--muted);margin-top:4px;font-size:13px}.customer-info{clear:both;margin-top:40px;font-size:14px;color:var(--muted);line-height:2}.customer-card a{color:var(--accent);text-decoration:none}.top-row{display:flex;gap:20px;align-items:stretch;width:100%;box-sizing:border-box;flex-wrap:wrap}.customer-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-1);border:1px solid #e7eff9;box-sizing:border-box;flex:0 0 320px;min-width:280px}.kyc-card{flex:1;background:#ffffff;border-radius:var(--radius);padding:10px 24px;box-shadow:var(--shadow-1);border:1px solid #e7eff9;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}.kyc-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px}.kyc-header h4{font-size:16px;font-weight:700;color:var(--accent);padding:0;margin:0}.kyc-upload-btn{background:linear-gradient(90deg,#2563eb,#7c3aed);border:none;color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease}.kyc-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb26}.kyc-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eef3fb;width:100%}.kyc-row:last-child{border-bottom:none}.kyc-left{display:flex;flex-direction:column;gap:4px}.kyc-title{font-weight:700;font-size:14px;color:var(--text)}.kyc-sub{font-size:13px;color:var(--muted)}.row-actions{display:flex;align-items:center}.kyc-btn{background:#eef6ff;border:1px solid rgba(37,99,235,.15);color:var(--accent);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s ease}.kyc-btn:hover{background:rgba(37,99,235,.08);transform:translateY(-1px)}.kyc-row,.kyc-header h4{padding-left:0;padding-right:0}@media (max-width: 980px){.top-row{flex-direction:column}.customer-card,.kyc-card{width:100%}}.summary-row{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}.summary-card{flex:1 1 160px;background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:10px;padding:18px;border:1px solid #e7eff9;box-shadow:0 10px 30px #0b121e0a}.summary-card .label{color:#000;font-size:13px}.summary-card .acvalue{font-weight:700;font-size:20px;color:#000;margin-top:6px}.summary-card.credit{border-top:4px solid #0ea5a5}.summary-card.debit{border-top:4px solid #f59e0b}.summary-card.balance{border-top:4px solid #2563eb}.summary-card.overdue{border-top:4px solid #ef4444}.statement-wrap{background:#fff;border-radius:12px;padding:14px;border:1px solid #e6eef7;box-shadow:0 12px 30px #0b121e08}.statement-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#000}.filters label{font-size:13px;color:var(--muted)}.filters select,.filters input{padding:8px 10px;border-radius:8px;border:1px solid #e6eef7;background:#fff;font-size:12px;color:#3a3e49}.statement-actions{display:flex;gap:10px;align-items:left}.btn{border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;align-items:left}.btn-ghost{background:transparent;color:var(--muted);border:1px solid rgba(0,0,0,.06)}.btn-secondary{background:#10b981;color:#fff}.transactions-wrap{overflow:auto;margin-top:8px}.transactions-table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}.transactions-table thead th{padding:10px;text-align:left;background:linear-gradient(180deg,#f2f8ff,#eef6ff);border-bottom:1px solid #e6eef7}.transactions-table tbody td{padding:10px;border-bottom:1px solid #f1f6fb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;padding:18px;border-radius:12px;width:360px;max-width:94%;box-shadow:0 24px 48px #07101e59}.modal-form label{display:block;font-size:13px;color:#000;margin-bottom:8px}.modal-form input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e6eef7;margin-bottom:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.transactions-wrap{max-height:420px;overflow:auto;border-radius:8px}.transactions-table{width:100%;border-collapse:collapse;min-width:720px}.transactions-table thead th{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#f2f8ff,#eef6ff);padding:10px;border-bottom:1px solid #e6eef7;text-align:left}.transactions-table thead th.text-right,.transactions-table thead th:last-child,.transactions-table thead th.actions-col{text-align:right}.transactions-table tbody td{padding:10px;border-bottom:1px solid #f1f6fb;color:var(--text)}.transactions-table td.text-right,.transactions-table th.text-right{text-align:right}.transactions-table td.actions-col{text-align:right;white-space:nowrap;padding-right:16px}.transactions-table .btn{padding:6px 8px;border-radius:6px;font-size:13px}.transactions-table .btn-ghost{background:transparent;border:1px solid rgba(0,0,0,.06);color:var(--muted)}.transactions-table .btn-primary{background:var(--accent);color:#fff;border:none}.transactions-table tfoot td{padding:10px;background:#fbfdff;border-top:2px solid #e6eef7}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.04)}.table-pagination .rows-per-page{display:flex;align-items:center;gap:8px}.table-pagination .rows-per-page select{padding:6px 8px;border-radius:6px;border:1px solid #e6eef7}.page-controls{display:flex;align-items:center;gap:8px}.page-controls .active-page{background:rgba(0,0,0,.04);padding:6px 10px;border-radius:6px}.page-info{margin-left:10px;font-size:13px;color:var(--muted)}button[disabled]{opacity:.45;cursor:not-allowed}@media (max-width: 640px){.transactions-wrap{max-height:360px}.transactions-table{min-width:640px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,18,35,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}body.modal-open{overflow:hidden}.modal{width:100%;max-width:420px;background:#ffffff;border-radius:14px;padding:22px;box-shadow:0 30px 80px #00000040;animation:modalFadeIn .2s ease-out;box-sizing:border-box}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modal h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#071027}.modal-form label{display:block;font-size:13px;font-weight:600;color:#6b7280;margin-bottom:6px}.modal-form input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #dbe3ef;background:#f9fbff;font-size:14px;color:#000;margin-bottom:14px;transition:border .15s ease,box-shadow .15s ease;box-sizing:border-box}.modal-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;background:#ffffff}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.modal-actions .btn{min-width:90px}@media (max-width: 480px){.modal{padding:18px;border-radius:12px}}.aging-wrap{margin-top:18px;padding:14px;background:linear-gradient(180deg,#eaeefc,#fbfdff);border:1px solid #e6eef7;border-radius:12px;box-shadow:0 8px 20px #0b121e08}.aging-wrap .aging-title{font-weight:700;font-size:14px;margin-bottom:10px;color:var(--text)}.aging-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.aging-table thead th{padding:10px;background:linear-gradient(180deg,#ccdefd,#eef4ff);border-bottom:1px solid #e6eef7;color:var(--muted);font-weight:800;color:#231f1f;text-align:center}.aging-table tbody td{padding:12px 10px;text-align:right;font-weight:600;color:var(--text);border-top:1px solid #f1f6fb}.aging-table tbody td:not(:empty):not(:contains("0")){color:#ef4444}.aging-table th,.aging-table td{border-left:1px solid #f3f7fc}.aging-table th:first-child,.aging-table td:first-child{border-left:none}.aging-table tbody tr:hover{background:rgba(37,99,235,.03)}@media (max-width: 768px){.aging-table{font-size:13px}.aging-table thead th,.aging-table tbody td{padding:8px}}.statement-page{background:#f2f2f2;padding:40px;font-family:Arial,Helvetica,sans-serif}.controls{margin-bottom:20px}.btn{padding:8px 14px;border:none;cursor:pointer;margin-right:8px}.btn.primary{background:#1e3a8a;color:#fff}.btn.ghost{background:#e5e7eb}.statement-doc{background:white;padding:40px;max-width:900px;margin:auto;color:#111;font-size:13px}.statement-title{text-align:center;font-size:26px;font-weight:700;color:#1e3a8a;margin-bottom:30px}.statement-top{display:flex;justify-content:space-between;margin-bottom:30px}.company-left strong{font-size:14px}.customer-code{margin-top:20px;font-weight:700}.customer-name{font-weight:700}.company-right{text-align:right}.company-right div{margin-bottom:6px}.credit-terms{margin-top:10px}.statement-table{width:100%;border-collapse:collapse;margin-top:10px}.statement-table th{text-align:left;border-bottom:2px solid #000;padding:8px 6px;font-weight:700}.statement-table td{padding:6px;border-bottom:1px solid #ddd}.statement-table .num{text-align:right}.aging-row,.aging-values{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;margin-top:25px;font-weight:700}.aging-values{font-weight:400;margin-top:6px}.statement-footer{display:flex;justify-content:space-between;margin-top:40px}.footer-company{text-align:right}:root{--bg:#d1e7fd;--card:#ffffff;--muted:#121418;--accent:#2563eb;--danger:#ef4444;--success:#10b981;--border:#e6eef7;--radius:12px;--shadow: 0 12px 30px rgba(7,16,30,.06);--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace}.product-page{padding:20px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#071027;border-radius:10px;box-sizing:border-box}.product-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.product-top-left h2{margin:0}.product-top-left .muted{color:var(--muted);margin-top:6px;font-size:13px}.product-top-actions{display:flex;align-items:center;gap:10px}.product-top-actions .search input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);min-width:160px;background:#fff;color:#071027;outline:none}.btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn:focus{outline:2px solid rgba(37,99,235,.16);outline-offset:2px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--card);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-head h3{margin:0;font-size:16px}.card-head-actions{display:flex;gap:8px;align-items:center}.table-scroll{overflow:auto;border-radius:8px}.main-table{width:100%;border-collapse:collapse;min-width:900px}.main-table thead th{background:linear-gradient(180deg,#f8fbff,#eef6ff);padding:12px 10px;text-align:left;border-bottom:1px solid var(--border);font-weight:700}.main-table tbody td{padding:12px 10px;border-bottom:1px solid #f1f6fb;vertical-align:middle}.mono{font-family:var(--mono);color:#0b2545}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px}.badge.in_stock{background:#eefcf6;color:var(--success);border:1px solid rgba(16,185,129,.12)}.badge.out_of_stock{background:#fff6f6;color:var(--danger);border:1px solid rgba(239,68,68,.08)}.badge.restock{background:#fffaf6;color:#f59e0b;border:1px solid rgba(245,158,11,.08)}.waste-table{width:100%;border-collapse:collapse;min-width:900px}.waste-table thead th{background:linear-gradient(180deg,#fafcfe,#f1f6ff);padding:10px;text-align:left;border-bottom:1px solid var(--border);font-weight:700}.waste-table tbody td{padding:10px;border-bottom:1px solid #f3f7fb;vertical-align:middle}.row-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.empty{text-align:center;padding:18px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(7,10,20,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal{background:#fff;border-radius:12px;width:420px;max-width:96%;padding:18px;box-shadow:0 24px 48px #07101e59;max-height:calc(100vh - 60px);overflow:auto;position:relative}.modal h3{margin:0 0 10px}.plmodal-form{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;box-sizing:border-box;width:100%}.plmodal-form label{display:block;margin-bottom:4px;font-size:13px;color:var(--muted)}.plmodal-form input[type=text],.plmodal-form input[type=date],.plmodal-form input[type=number],.plmodal-form select,.plmodal-form textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);margin-top:6px;box-sizing:border-box;font-size:13px;color:#071027}.plmodal-form textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px;flex-shrink:0;z-index:10001}.modal .btn{z-index:10002}.modal .btn-primary{background:var(--accent);color:#fff;border:none}.modal .btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.modal .btn-danger{background:var(--danger);color:#fff}@media (max-width: 420px){.modal{padding:12px;width:100%}.modal-actions{flex-direction:column-reverse;gap:8px}.modal .btn{width:100%;justify-content:center}}@media (max-width: 980px){.product-topbar{flex-direction:column;align-items:flex-start;gap:10px}.main-table,.waste-table{min-width:760px}.product-top-actions .search input{min-width:160px}}@media print{body *{visibility:hidden}.product-page,.product-page *{visibility:visible}.product-page{position:absolute;left:0;top:0;width:100%;padding:0}.modal-backdrop,.btn,.product-top-actions{display:none!important}.card{box-shadow:none;border:none}.main-table thead th,.main-table tbody td{font-size:11px}}:root{--bg: #d4ebfa;--card: #fff;--muted: #6b7280;--accent: #2563eb;--radius: 12px;--shadow-1: 0 12px 30px rgba(11,18,30,.06);--text: #071027}.trackstock-page{padding:20px;background:var(--bg);border-radius:6px;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);box-sizing:border-box}.trackstock-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.trackstock-titleBlock h1{margin:0;font-size:20px}.trackstock-titleBlock .muted{color:var(--muted);margin-top:6px;font-size:13px}.trackstock-actions{display:flex;gap:10px;align-items:center}.btn{border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-default{background:#10b981;color:#fff}.btn-outline{background:transparent;border:1px solid rgba(0,0,0,.06);color:var(--muted)}.btn.ghost{background:transparent;color:var(--text);border:1px dashed rgba(0,0,0,.06)}.trackstock-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:10px;border:1px solid #e6eef7;box-shadow:var(--shadow-1);margin-bottom:12px}.control-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-left label{font-size:13px;color:var(--muted);margin-right:4px}.control-left select,.control-left input{padding:8px 10px;border-radius:8px;border:1px solid #e6eef7;background:#fff;font-size:14px;color:#000}.control-left input[type=date]{padding:7px 10px}.control-right-select{background:#fff;align-items:center;border-radius:6px;gap:8px;font-size:14px;color:#232121}.Stcontrol-right{display:flex;align-items:center;gap:8px;background:#fff;font-size:14px;color:#181717}.trackstock-tableWrap{background:var(--card);border-radius:10px;border:1px solid #c0ddff;overflow:hidden;box-shadow:0 12px 30px #0b121e0a}.table-scroll{max-height:440px;overflow:auto}.trackstock-table{width:100%;border-collapse:collapse;min-width:900px;font-size:14px}.trackstock-table thead th{position:sticky;top:0;background:linear-gradient(180deg,#f8fbff,#eef6ff);padding:12px;text-align:left;border-bottom:1px solid #e6eef7;z-index:2;font-weight:700;color:var(--text)}.trackstock-table tbody td{padding:12px;border-bottom:1px solid #f3f7fb;vertical-align:middle;color:var(--text)}.trackstock-table tfoot td{padding:10px;background:#fbfdff;border-top:2px solid #e6eef7;font-weight:700}.text-right{text-align:right}.empty{text-align:center;color:var(--muted);padding:18px 0}.trackstock-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.page-controls{display:flex;gap:8px;align-items:center}@media (max-width: 980px){.trackstock-controls{flex-direction:column;align-items:flex-start}.table-scroll{max-height:320px}.trackstock-header{flex-direction:column;align-items:flex-start;gap:8px}.trackstock-actions{flex-wrap:wrap}.trackstock-table{min-width:700px}}.truckPage{padding:24px;background:#f4f6fb;min-height:100vh;width:900px}.truckHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.truckHeader h2{margin:0;font-size:22px;color:#111827}.truckHeader p{margin:5px 0 0;color:#6b7280;font-size:14px}.addTruck{background:#2563eb;color:#fff;border:none;width:auto;border-radius:8px;cursor:pointer;font-weight:600}.truckSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.summaryCard span{font-size:24px;color:#111827;font-weight:700;margin-top:8px;display:block}.truckFilters{display:flex;justify-content:space-between;margin-bottom:15px}.filterLeft input,.filterLeft select{padding:8px 12px;border-radius:8px;border:1px solid #d1d5db}.btnExport{background:#111827;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.truckTableWrapper{background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000000d}.truckTable{width:100%;border-collapse:collapse}.truckTable th{background:#f3f4f6;padding:14px;text-align:left;font-size:14px}.truckTable td{padding:14px;border-top:1px solid #e5e7eb;font-size:14px}.truckTable tr:hover{background:#f9fafb}.driversPage{padding:24px;border-radius:10px;background:#dde7ff;min-height:100vh;width:900px}.driversHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.driversHeader h2{margin:0;font-size:22px;color:#111827}.driversHeader p{margin:5px 0 0;color:#898f9a;font-size:14px}.addbtnPrimary{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600}.driversSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.summaryCard{background:white;padding:18px;border-radius:12px;box-shadow:0 8px 20px #0000000d}.summaryCard h4{margin:0;font-size:14px;color:#6b7280}.summaryCard span{font-size:24px;font-weight:700;margin-top:8px;display:block}.driversFilters{display:flex;justify-content:space-between;margin-bottom:15px}.filterLeft{display:flex;gap:10px}.filterLeft input,.filterLeft select{padding:8px 12px;border-radius:8px;font-size:12px;color:#101010;border:1px solid #d1d5db;background:#fbfbfb}.btnExport{background:#02a725;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.driversTableWrapper{background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000000d}.driversTable{width:100%;border-collapse:collapse}.driversTable th{background:#f3f4f6;padding:14px;text-align:left;font-size:14px}.driversTable td{padding:14px;border-top:1px solid #e5e7eb;font-size:14px}.driversTable tr:hover{background:#f9fafb}.actionBtn{padding:6px 10px;margin-right:6px;border:none;border-radius:6px;cursor:pointer;font-size:12px}.actionBtn.edit{background:#f59e0b;color:#fff}.noData{text-align:center;padding:20px;color:#6b7280}.liveTruckPage{padding:24px;background:#f4f6fb;min-height:100vh;width:900px}.liveTruckHeader{margin-bottom:20px}.liveTruckHeader h2{margin:0;font-size:22px;color:#030303}.liveTruckHeader p{margin:5px 0 0;color:#6b7280}.liveTruckTableWrapper{background:rgb(248,248,248);border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000000d}.liveTruckTable{width:100%;border-collapse:collapse}.liveTruckTable th{background:#e9f0fd;padding:14px;text-align:left;font-size:13px;color:#030303}.liveTruckTable td{padding:14px;border-top:1px solid #e5e7eb}.liveTruckTable tr:hover{background:#f9fafb}.trip.green{color:#16a34a;font-weight:600}.trip.red{color:#dc2626;font-weight:600}.status{padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600}.status.online{background:#dcfce7;color:#166534}.status.offline{background:#fee2e2;color:#991b1b}.actionBtn{padding:6px 12px;border-radius:6px;border:none;cursor:pointer}.actionBtn.view{background:#2563eb;color:#fff}.trackingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:999}.trackingCard{background:white;padding:40px;border-radius:16px;width:400px;text-align:center;font-size:13px;color:#030303}.credentialsBox{margin:20px 0;background:#f3f4f6;padding:15px;border-radius:10px}.btnPrimary{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;margin-bottom:10px;width:100%}.btnClose{background:#ef4444;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;width:100%}:root{--bg: #f6f8fb;--card: #fff;--muted: #6b7280;--accent: #2563eb;--accent-2: #1f8aef;--success: #10b981;--danger: #ef4444;--text: #071027;--radius: 10px;--shadow: 0 12px 30px rgba(11,18,30,.04)}.expenses-page{padding:20px;background:#b8d8f6;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);border-radius:6px;box-sizing:border-box}.expenses-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.title-block h1{margin:0;font-size:20px}.title-block .muted{color:var(--muted);margin-top:6px;font-size:13px}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.Apbtn-approve{background:#159d0e;font-size:13px;color:#fafafa}.filters-inline{display:flex;gap:8px;align-items:center}.filters-inline select,.filters-inline input{padding:8px 10px;border-radius:8px;border:1px solid #e6eef7;background:#fff;font-size:14px;color:#030813}.filters-inline input{min-width:120px}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end}.btn{border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px}.btn-ghost{background:transparent;border:1px solid rgba(0,0,0,.06);color:var(--text)}.btn-primary{background:var(--accent);color:#0e1a9d}.btn-primary.filled{background:var(--accent-2);color:#fff}.add-expense{min-width:140px}.table-card{background:var(--card);border-radius:10px;padding:0;box-shadow:var(--shadow);border:1px solid #e6eef7;overflow:hidden}.table-scroll{max-height:1000px;overflow:auto}.expenses-table{width:100%;border-collapse:collapse;min-width:900px}.expenses-table thead th{position:sticky;top:0;background:linear-gradient(180deg,#f8fbff,#eef6ff);padding:12px 10px;text-align:left;border-bottom:1px solid #e6eef7;font-weight:700;z-index:2}.expenses-table tbody td{padding:12px 10px;border-bottom:1px solid #f3f7fb;vertical-align:middle;color:var(--text)}.expenses-table tfoot td{padding:10px;background:#fbfdff;border-top:2px solid #e6eef7}.btn-approve{background:var(--success);color:#fff;padding:6px 8px;border-radius:6px}.btn-reject{background:var(--danger);color:#fff;padding:6px 8px;border-radius:6px}.btn-edit{background:#f3f4f6;color:var(--text);padding:6px 8px;border-radius:6px;border:1px solid #e6eef7}.status-badge{padding:6px 8px;border-radius:8px;font-weight:600;text-transform:capitalize;font-size:12px;margin-left:6px}.status-badge.saved{background:#eef6ff;color:var(--accent);border:1px solid rgba(37,99,235,.08)}.status-badge.requested{background:#fff4e6;color:#b45309;border:1px solid rgba(184,134,11,.06)}.status-badge.approved{background:#ecfdf5;color:var(--success);border:1px solid rgba(16,185,129,.06)}.status-badge.rejected{background:#fff1f2;color:var(--danger);border:1px solid rgba(239,68,68,.06)}.empty{text-align:center;color:var(--muted);padding:24px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(7,16,30,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#efe7e7;padding:18px;border-radius:12px;width:420px;max-width:94%;box-shadow:0 24px 48px #07101e59}.modal h3{margin:0 0 12px}.modal-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.modal-label input{width:100%;font-size:13px;color:#030813;padding:8px 10px;border-radius:8px;border:1px solid #e6eef7;margin-top:6px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}@media (max-width: 980px){.controls-row{flex-direction:column;align-items:flex-start;gap:8px}.filters-inline{flex-wrap:wrap;gap:6px}.action-buttons{align-self:stretch;justify-content:space-between;width:100%}.table-scroll{max-height:320px}.expenses-summary{flex-direction:column;gap:8px}.expenses-table{min-width:760px}}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.left-actions{display:flex;gap:10px;align-items:center}.header-row .filters-inline{flex:1;justify-content:center}.header-row .action-buttons{display:flex;gap:8px}@media (max-width: 900px){.header-row{flex-direction:column;align-items:stretch}.header-row .filters-inline{justify-content:flex-start;flex-wrap:wrap}.header-row .action-buttons{justify-content:space-between;width:100%}}.pagination-bar{margin-top:14px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.payrollX-page{padding:20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;color:#081224;box-sizing:border-box}.payrollX-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.payrollX-title{margin:0;font-size:20px;font-weight:700;color:#081224}.payrollX-sub{margin:2px 0 0;color:#0b1220;opacity:.8;font-size:13px}.payrollX-actions{display:flex;gap:8px;align-items:center}.payrollX-search{display:flex;align-items:center;gap:8px;background:#f4f8fb;border:1px solid #e6eef8;padding:6px 10px;border-radius:8px;min-width:260px;color:#081224}.payrollX-search input{border:none;outline:none;background:transparent;width:220px;color:#081224}.payrollX-select{padding:8px;border-radius:8px;border:1px solid #e6eef8;background:#fff;color:#081224}.payrollX-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:13px}.payrollX-btn svg{vertical-align:middle}.payrollX-btn-add{background:linear-gradient(90deg,#10b981,#059669);color:#fff;border-color:#0000000d}.payrollX-btn-edit,.payrollX-btn-export,.payrollX-btn-print,.payrollX-btn-ghost{background:#fff;color:#0b1220;border:1px solid #e6eef8}.payrollX-btn-primary{background:linear-gradient(90deg,#0f9d58,#087f46);color:#fff;border:none}.payrollX-summary{display:flex;gap:12px;margin:14px 0 22px}.payrollX-card{flex:1 1 0;padding:14px;border-radius:12px;color:#fff;box-shadow:0 6px 14px #0812240f}.payrollX-card .payrollX-card-label{font-size:12px;opacity:.9}.payrollX-card .payrollX-card-value{font-size:20px;font-weight:700;margin-top:8px}.payrollX-card--green{background:linear-gradient(90deg,#06b6d4,#10b981)}.payrollX-card--orange{background:linear-gradient(90deg,#fb923c,#f97316)}.payrollX-card--blue{background:linear-gradient(90deg,#3b82f6,#0ea5a2)}.payrollX-card--purple{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.payrollX-table-wrap{background:#ffffff;border-radius:12px;padding:10px;box-shadow:0 8px 20px #0812240a;overflow-x:auto}.payrollX-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1100px}.payrollX-table thead th{text-align:left;padding:12px 10px;background:#fbfcfe;border-bottom:1px solid #eef2f6;color:#081224;font-weight:700;font-size:13px}.payrollX-table tbody td{padding:12px 10px;border-bottom:1px solid #f3f6fa;color:#081224;vertical-align:middle}.payrollX-num{text-align:right;white-space:nowrap}.payrollX-nowrap{white-space:nowrap}.payrollX-row{cursor:pointer;transition:background .12s ease}.payrollX-row:hover{background:#fbfdff}.payrollX-row--active{background:rgba(15,157,88,.06);box-shadow:inset 0 0 0 1px #0f9d580f}.payrollX-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.payrollX-action{background:#fff;border:1px solid #e6eef8;padding:8px;border-radius:8px;cursor:pointer;color:#081224;display:inline-flex;align-items:center;justify-content:center}.payrollX-action--view{color:#0ea5a2;border-color:#d3f0ef}.payrollX-action--pay{background:linear-gradient(90deg,#10b981,#059669);color:#fff;border:none}.payrollX-center{text-align:center;padding:18px;color:#475569}.payrollX-table tfoot td{padding:12px 10px;background:#fbfcfe;border-top:2px solid #e6eef8;font-weight:700}.payrollX-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.payrollX-modal{background:#fff;border-radius:12px;width:520px;max-width:calc(100% - 32px);padding:18px;color:#081224;box-shadow:0 10px 40px #0206172e}.payrollX-modal h3{margin:0 0 8px;font-size:18px}.payrollX-modal-form label{display:block;margin-bottom:10px;font-size:14px;color:#081224}.payrollX-modal-form input[type=text],.payrollX-modal-form input[type=number],.payrollX-modal-form input[type=date]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e6eef8;box-sizing:border-box;color:#081224}.payrollX-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.payrollX-form-preview{background:#f8fafc;border:1px solid #e6eef8;padding:8px;border-radius:8px;color:#081224;margin-top:6px}@media (max-width: 900px){.payrollX-actions{flex-wrap:wrap;gap:6px}.payrollX-search input{width:140px}.payrollX-table{min-width:900px}}@media print{body *{visibility:hidden}.payrollX-page,.payrollX-page *{visibility:visible}.payrollX-page{position:absolute;left:0;top:0;width:100%;padding:0}.payrollX-actions,.payrollX-modal-backdrop,.payrollX-btn{display:none!important}.payrollX-card{box-shadow:none}.payrollX-table{font-size:12px}}.payrollX-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.payrollX-modal{width:min(860px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#ffffff;border:1px solid #e6eef7;border-radius:20px;box-shadow:0 28px 70px #0f172a47;padding:22px;animation:payrollXPop .16s ease}@keyframes payrollXPop{0%{transform:translateY(8px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.payrollX-modal h3{margin:0 0 16px;font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.payrollX-modal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.payrollX-modal-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#334155}.payrollX-modal-form input{height:46px;width:100%;border:1px solid #dbe4ef;border-radius:12px;padding:0 14px;font-size:14px;background:#fff;color:#0f172a;outline:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.payrollX-modal-form input::placeholder{color:#94a3b8}.payrollX-modal-form input:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1a}.payrollX-full{grid-column:1 / -1}.payrollX-preview{background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);border:1px solid #dbe7ff;border-radius:14px;padding:14px}.payrollX-preview strong{display:block;margin-bottom:10px;color:#1e3a8a;font-size:14px}.payrollX-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payrollX-preview-grid div{background:rgba(255,255,255,.72);border:1px solid rgba(219,231,255,.85);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.payrollX-preview-grid span{font-size:12px;color:#64748b;font-weight:700}.payrollX-preview-grid b{font-size:16px;color:#0f172a}.payrollX-modal-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.payrollX-btn{border:0;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;display:inline-flex;align-items:center;gap:8px}.payrollX-btn:hover{transform:translateY(-1px)}.payrollX-btn:active{transform:translateY(0)}.payrollX-btn-primary{background:#2563eb;color:#fff;box-shadow:0 10px 18px #2563eb2e}.payrollX-btn-primary:hover{background:#1d4ed8}.payrollX-btn-ghost{background:#fff;color:#0f172a;border:1px solid #dbe4ef}.payrollX-btn-ghost:hover{background:#f8fafc;border-color:#cdd8e6}@media (max-width: 860px){.payrollX-modal-form,.payrollX-preview-grid{grid-template-columns:1fr}}@media (max-width: 640px){.payrollX-modal{padding:18px;border-radius:16px}.payrollX-modal-actions{justify-content:stretch}.payrollX-modal-actions .payrollX-btn{width:100%;justify-content:center}}.email-page{padding:24px;width:900px}.email-header h2{margin:0;font-size:24px;font-weight:600;color:#2563eb}.email-header p{color:#6b7280;margin-top:4px}.email-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}.email-card{background:#ffffff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;text-align:center;transition:.3s}.email-card:hover{transform:translateY(-4px)}.email-card.yahoo{border-top:4px solid #720e9e}.email-card.cpanel{border-top:4px solid #f97316}.email-icon{font-size:32px;margin-bottom:10px}.email-address{font-size:14px;color:#6b7280;margin-bottom:16px}.email-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer;transition:.2s}.email-btn:hover{background:#1d4ed8}.email-info{margin-top:30px;background:#f9fafb;padding:16px;border-radius:10px}.email-info h4{margin-bottom:10px}.email-info ul{padding-left:18px;color:#374151}.assets-page{width:100%;display:flex;justify-content:center;padding:28px 0;box-sizing:border-box;background:#e9efff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#1f2937}.assets-container{width:90%;max-width:1400px;box-sizing:border-box}.page-hero{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:18px 22px;margin-bottom:18px;background:linear-gradient(90deg,#7b61ff,#ff4da6);color:#fff;box-shadow:0 6px 20px #3b357d26}.hero-left{display:flex;flex-direction:column}.hero-greeting{font-size:20px;font-weight:700}.hero-sub{font-size:13px;opacity:.95;margin-top:6px}.hero-actions{display:flex;align-items:center;gap:10px}.year-select{padding:8px 10px;border-radius:8px;border:none;background:rgba(255,255,255,.18);color:#fff}.btn{font-size:14px;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.btn-green{background:#10b981;color:#fff}.assets-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:24px;width:100%}.summary-card{border-radius:12px;box-shadow:0 10px 25px #0f172a0f;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:8px}.summary-title{font-size:12px;color:#5c5c5c;font-weight:600}.summary-value{font-size:14px;color:#100909;font-weight:800}.summary-sub{font-size:12;color:#343635;opacity:.9}.summary-card-1{background:linear-gradient(180deg,#00c48c,#16a34a);box-shadow:0 8px 18px #10a3521f}.summary-card-2{background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 8px 18px #2563eb1f}.summary-card-3{background:linear-gradient(180deg,#fbbf24,#f97316);box-shadow:0 8px 18px #f973161a}.summary-card-4{background:linear-gradient(180deg,#7c3aed,#6d28d9);box-shadow:0 8px 18px #6d28d91a}.summary-card-5{background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 8px 18px #2563eb1a}.assets-controls{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.controls-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{background:#fff;font-size:13px;color:#0f172a;padding:8px 10px;border-radius:8px;border:1px solid #e6e9ef;width:120px;box-sizing:border-box}.controls-left select,.controls-left input[type=date]{padding:8px 10px;border-radius:8px;border:1px solid #e6e9ef;font-size:13px;color:#111827;background:#fff;min-width:140px;box-sizing:border-box}.small-label{font-size:12px;color:#6b7280;margin-left:6px}.controls-right{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;background:#fff;color:#111827;font-size:14px}.btn:hover{transform:translateY(-1px);transition:transform .12s ease}.btn-primary{background:#0f72ff;color:#fff;border-color:#0f72ff}.btn-ghost{background:#02730f;border:1px solid #e6e9ef;color:#111827}.table-card{background:#fff;border-radius:10px;padding:12px;box-shadow:0 6px 18px #0f172a0f;margin-bottom:18px}.table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.table-head h3{margin:0;font-size:16px;color:#111827}.table-head-actions{display:flex;gap:8px;align-items:center}.table-scroll{overflow-x:auto;border-radius:6px}.assets-table{width:100%;border-collapse:collapse;min-width:900px}.assets-table th,.assets-table td{padding:12px 14px;border-bottom:1px solid #eef2f6;font-size:13px;text-align:left;color:#111827}.assets-table thead th{background:#f3f6ff;color:#374151;font-weight:700;border-bottom:2px solid #eef2f6}.assets-table tbody tr:hover{background:#fbfdff}.mono{font-family:Roboto Mono,Menlo,Monaco,monospace;font-size:12px;color:#0f172a}.badge{display:inline-block;padding:6px 8px;border-radius:999px;font-size:12px;font-weight:600;color:#fff}.status-in-use{background:#16a34a}.status-broken{background:#ef4444}.status-repairing{background:#f59e0b}.row-actions{display:flex;gap:8px;align-items:center}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px}.page-summary{color:#6b7280;font-size:13px}.pagination-controls{display:flex;gap:8px;align-items:center}.empty{text-align:center;padding:28px;color:#9ca3af}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:1200}.modal{width:520px;max-width:calc(100% - 32px);background:#fff;border-radius:10px;padding:18px;box-shadow:0 10px 30px #02061726;box-sizing:border-box}.modal h3{margin:0 0 12px;font-size:18px;color:#0f172a}.modal-form label{display:block;font-size:13px;color:#374151;margin-bottom:8px}.modal-form input,.modal-form select{width:100%;padding:9px 10px;margin-top:6px;border-radius:8px;border:1px solid #e6e9ef;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}@media (max-width: 1024px){.assets-summary{gap:12px}.controls-left{gap:8px}.controls-right{gap:6px}.summary-card{min-width:160px;max-width:260px}}@media (max-width: 640px){.controls-left{flex-direction:column;align-items:stretch}.controls-right{width:100%;justify-content:space-between}.assets-summary{flex-direction:column;gap:12px}.page-hero{flex-direction:column;align-items:flex-start;gap:10px}}.doc-page{width:90%;max-width:1400px;margin:24px auto 40px;padding:24px;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1f2d3d;background:#ffffff}.doc-header{width:100%;display:block;box-sizing:border-box;margin-bottom:18px;padding-bottom:10px}.doc-left{display:block;margin-bottom:12px}.doc-title{font-size:22px;font-weight:700;margin:0 0 6px;color:#0f1724;line-height:1.1}.doc-sub{font-size:14px;color:#6b7280;margin:0}.doc-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;margin-top:8px}.doc-filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;box-sizing:border-box}.doc-search{padding:10px 12px;border-radius:10px;border:1px solid #e6e9ee;min-width:260px;font-size:15px;color:#111827;background:#ffffff;outline:none}.doc-select{padding:10px 12px;border-radius:10px;border:1px solid #e6e9ee;font-size:14px;color:#111827;background:#fff;min-height:40px}.doc-upload-btns{display:flex;gap:10px;align-items:center}.btn{font-size:14px;padding:9px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;background:#f3f4f6;color:#111827;box-sizing:border-box;transition:all .12s ease}.btn-primary{background:#0f71ff;color:#fff;border-color:#0f71ff;box-shadow:0 6px 18px #0f71ff14}.btn-ghost{background:transparent;border:1px solid #e6e9ee;color:#0f1724}.btn.small{padding:6px 10px;border-radius:8px;font-size:13px}.btn.ghost{background:transparent;border:none;color:#0f71ff}.doc-card{margin-top:18px;background:#ffffff;border:1px solid #eef2f6;border-radius:12px;padding:16px;box-sizing:border-box;box-shadow:0 6px 20px #10182808}.doc-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.doc-card-title{font-size:16px;font-weight:700;color:#102a43}.doc-card-actions{display:flex;align-items:center;gap:10px}.rows-label{margin-right:6px;color:#6b7280;font-size:13px}.rows-select{padding:8px 10px;border:1px solid #e6e9ee;border-radius:8px;background:#fff;font-size:14px}.table-scroll{overflow-x:auto;max-width:100%;margin-top:4px}.doc-table{width:100%;border-collapse:collapse;min-width:940px;table-layout:auto;background:#fff}.doc-table thead tr{background:#fafbfc}.doc-table th,.doc-table td{padding:14px 12px;border-bottom:1px solid #eef2f6;text-align:left;font-size:14px;color:#24303f;vertical-align:middle}.doc-table th{font-weight:700;color:#4b5563;font-size:13px;letter-spacing:.1px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px;color:#0f1724}.empty{text-align:center;padding:28px;color:#6b7280;font-size:14px}.doc-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;line-height:1;box-sizing:border-box}.doc-badge.valid{background:#ecfdf5;color:#065f46;border:1px solid rgba(6,95,70,.06)}.doc-badge.expired{background:#fff1f2;color:#9f1239;border:1px solid rgba(159,18,57,.06)}.doc-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.doc-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:14px;margin-top:8px}.doc-page-info{color:#6b7280;font-size:13px}.doc-page-controls{display:flex;gap:8px;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,11,13,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.modal{width:720px;max-width:94%;background:#ffffff;height:80%;border-radius:12px;padding:20px;box-sizing:border-box;box-shadow:0 12px 40px #1018281f}.modal h3{margin:0 0 10px;font-size:18px;font-weight:700;color:#0f1724}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-label{display:flex;flex-direction:column;font-size:13px;color:#111827}.modal-label input,.modal-label select{padding:10px 12px;border-radius:10px;border:1px solid #e6e9ee;margin-top:6px;font-size:14px;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.muted{color:#6b7280;font-size:13px}@media (max-width: 1000px){.doc-page{width:94%;padding:18px}.doc-actions{flex-direction:column;align-items:stretch;gap:12px}.doc-filter-row{width:100%;justify-content:flex-start;gap:8px}.doc-upload-btns{justify-content:flex-start;width:100%}.doc-card{padding:12px}.modal{width:96%;padding:14px;height:auto}}@media (max-width: 640px){.doc-search{min-width:120px;width:100%}.doc-filter-row{gap:6px;align-items:stretch;flex-direction:column}.doc-actions{gap:10px}.doc-card{padding:10px}.doc-table th,.doc-table td{padding:10px 8px;font-size:13px}.modal-label input,.modal-label select{font-size:13px;padding:9px 10px}}.account-container{padding:24px;background:#f8fafc;min-height:100vh;width:900px}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.account-header h2{font-size:22px;font-weight:600;color:#1e293b}.btn-primary{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s ease}.btn-primary:hover{background:#1e40af}.btn-save{background:#16a34a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:.2s ease}.btn-save:hover{background:#15803d}.account-form{display:flex;flex-wrap:wrap;gap:12px;background:white;padding:16px;border-radius:8px;margin-bottom:25px;box-shadow:0 2px 6px #0000000d}.account-form input,.account-form select{padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;min-width:160px;outline:none;transition:.2s ease}.account-form input:focus,.account-form select:focus{border-color:#2563eb}.account-section{margin-bottom:35px}.section-title{font-size:18px;font-weight:600;margin-bottom:12px;padding-left:10px;border-left:4px solid #2563eb;color:#0f172a}.account-table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.account-table thead{background:#f1f5f9}.account-table th,.account-table td{padding:12px;text-align:left;font-size:14px}.account-table th{font-weight:600;color:#334155}.account-table tbody tr{border-top:1px solid #e2e8f0;transition:background .2s ease}.account-table tbody tr:hover{background:#f8fafc}.icon-btn{cursor:pointer;font-size:16px;color:#64748b;margin-right:8px;transition:.2s ease}.icon-btn:hover{color:#2563eb}.icon-btn.danger:hover{color:#dc2626}.account-table svg{vertical-align:middle}.account-table td svg{font-size:16px;color:#64748b}@media (max-width: 768px){.account-form{flex-direction:column}.account-table th,.account-table td{font-size:12px;padding:8px}.btn-primary{font-size:12px}}.account-table td:last-child{display:flex;align-items:center;gap:6px}.icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#475569}.acicon-btn{color:#2563eb}.acicon-btn:hover{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.acdelete{color:#dc2626}.acdelete:hover{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.account-table td svg{font-size:16px}.account-table tbody tr[style*="#16a34a"],.account-table tbody tr[style*="#dc2626"]{font-weight:600}.acicon-btn,.acdelete{cursor:pointer;margin-right:10px;width:18px;height:18px;vertical-align:middle}.acc-income td{color:#16a34a;font-weight:600}.acc-expense td{color:#dc2626;font-weight:600}.acicon-btn svg,.acdelete svg{width:18px;height:18px;stroke:currentColor}.account-table tr:hover{background:rgba(0,0,0,.03)}.company-page{padding:30px;display:flex;justify-content:center;background:#f5f7fb;min-height:100vh;width:900px}.company-card{width:100%;max-width:900px;background:white;border-radius:16px;padding:25px;box-shadow:0 10px 30px #0000000d}.company-header h2{margin:0;color:#2563eb}.company-header p{color:#64748b;margin-bottom:20px}.company-form{display:flex;flex-direction:column;gap:15px}.logo-section{display:flex;align-items:center;gap:20px}.logo-preview{width:80px;height:80px;border-radius:12px;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:cover}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{padding:12px;border-radius:10px;border:1px solid #ddd;font-size:14px;color:#212427;background:#f6f5f5}textarea{min-height:80px;resize:none;background:#f5f7fb;color:#202020}.save-btn{background:#2563eb;color:#fff;border:none;padding:12px;border-radius:10px;cursor:pointer;font-weight:700}.save-btn:hover{background:#1d4ed8}.loading{text-align:center;padding:40px}.tax-page{padding:30px;background:#f5f7fb;min-height:100vh;width:900px}.tax-card{background:white;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000000d}.tax-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#2563eb}.tax-table{width:100%;border-collapse:collapse}.tax-table th,.tax-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.tax-table th{background:#f1f5f9}.modal{background:white;padding:25px;border-radius:12px;width:400px}.form{display:flex;flex-direction:column;gap:10px;color:#2563eb}.checkbox{display:flex;align-items:center;gap:8px}.save-btn{background:#2563eb;color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer}.tax-table td button{border:none;background:transparent;cursor:pointer;padding:6px;margin-right:6px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.tax-table td button:first-child{color:#2563eb}.tax-table td button:first-child:hover{background:rgba(37,99,235,.1);color:#1d4ed8;transform:scale(1.1)}.tax-table td button:last-child{color:#dc2626}.tax-table td button svg{width:18px;height:18px;stroke:currentColor;fill:none;display:inline-block}.tax-table tbody tr:hover{background:rgba(0,0,0,.03)}.pay-page{padding:30px;background:#f5f7fb;min-height:100vh;width:900px}.pay-card{background:white;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000000d}.pay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.add-btn{background:#16a34a;color:#fff;padding:10px 14px;border:none;border-radius:10px;cursor:pointer}.pay-table{width:100%;border-collapse:collapse}.pay-table th,.pay-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.pay-table th{background:#f1f5f9}.active{color:#16a34a;font-weight:700}.inactive{color:#dc2626;font-weight:700}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center}.modal{background:white;padding:25px;border-radius:12px;width:420px}.form{display:flex;flex-direction:column;gap:10px}input,select{padding:10px;border-radius:8px;border:1px solid #ddd}.checkbox{display:flex;gap:8px;align-items:center}.save-btn{background:#2563eb;color:#fff;padding:10px;border:none;border-radius:10px;cursor:pointer}.db-page{padding:24px;min-height:100vh;background:#f6f8fb;color:#071027;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.db-card{background:#fff;border:1px solid #e8eef7;border-radius:16px;box-shadow:0 10px 30px #0b121e0d;padding:24px}.db-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.db-header h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em}.db-header p{margin:6px 0 0;color:#6b7280;font-size:14px}.db-header-badges{display:flex;gap:10px;flex-wrap:wrap}.db-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;border:1px solid transparent}.db-badge-good{background:#ecfdf5;color:#059669;border-color:#bbf7d0}.db-badge-soft{background:#eff6ff;color:#2563eb;border-color:#dbeafe}.db-top-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.db-summary-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:#f8fbff;border:1px solid #e6eef7}.db-summary-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:#2563eb;font-size:20px;flex:0 0 auto}.db-summary-label{font-size:12px;color:#6b7280;margin-bottom:3px}.db-summary-value{font-size:20px;font-weight:800;color:#071027}.db-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.db-btn{border:0;cursor:pointer;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.db-btn:hover{transform:translateY(-1px)}.db-btn:disabled{opacity:.7;cursor:not-allowed}.db-btn-primary{background:#2563eb;color:#fff;box-shadow:0 8px 16px #2563eb2e}.db-btn-primary:hover{background:#1d4ed8}.db-btn-secondary{background:#10b981;color:#fff;box-shadow:0 8px 16px #10b98124}.db-btn-secondary:hover{background:#059669}.db-btn-ghost{background:#fff;border:1px solid #dbe5f1;color:#071027}.db-btn-ghost:hover{background:#f8fbff}.db-config-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-bottom:22px}.db-panel{background:#fbfdff;border:1px solid #e6eef7;border-radius:14px;padding:18px}.db-panel h3{margin:0 0 14px;font-size:18px}.db-field,.db-switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.db-field span,.db-switch-row span{color:#334155;font-weight:600}.db-field select{min-width:180px;height:42px;border-radius:10px;border:1px solid #dbe5f1;background:#fff;padding:0 12px;outline:none;color:#071027}.db-switch-row input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}.db-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.db-stat-card{background:#fff;border:1px solid #e6eef7;border-radius:12px;padding:14px}.db-stat-label{font-size:12px;color:#6b7280;margin-bottom:4px}.db-stat-value{font-size:18px;font-weight:800;color:#071027}.db-health-box{background:#fff;border:1px solid #e6eef7;border-radius:12px;padding:14px;margin-bottom:12px}.db-health-title{font-size:14px;font-weight:800;margin-bottom:6px}.db-health-box p{margin:0;color:#475569;font-size:14px;line-height:1.5}.db-health-box ul{margin:0;padding-left:18px;color:#475569;font-size:14px;line-height:1.6}.db-req-section,.db-history-section{margin-top:8px}.db-section-title{margin-bottom:14px}.db-section-title h3{margin:0;font-size:18px}.db-section-title p{margin:6px 0 0;color:#6b7280;font-size:14px}.db-req-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.db-req-card{border-radius:14px;border:1px solid #e6eef7;background:#fbfdff;padding:16px}.db-req-label{font-size:12px;color:#6b7280;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.db-req-value{font-size:16px;font-weight:800;margin-bottom:6px}.db-req-note{font-size:13px;color:#475569;line-height:1.5}.db-table-wrap{overflow-x:auto;border:1px solid #e6eef7;border-radius:14px;background:#fff}.db-table{width:100%;border-collapse:collapse;min-width:900px}.db-table th,.db-table td{padding:14px 12px;border-bottom:1px solid #edf2f7;text-align:left;font-size:14px}.db-table th{background:linear-gradient(180deg,#f8fbff,#eef6ff);font-weight:800;color:#071027}.db-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.db-status-ok{background:#ecfdf5;color:#059669;border:1px solid #bbf7d0}.db-icon-btn{border:1px solid #dbe5f1;background:#fff;color:#071027;width:36px;height:36px;border-radius:10px;cursor:pointer;margin-right:8px;display:inline-grid;place-items:center}.db-icon-btn:hover{background:#f8fbff}@media (max-width: 1100px){.db-top-grid,.db-req-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-config-grid{grid-template-columns:1fr}}@media (max-width: 700px){.db-page{padding:16px}.db-card{padding:18px}.db-header{flex-direction:column}.db-top-grid,.db-req-grid,.db-stats-grid{grid-template-columns:1fr}.db-actions{flex-direction:column}.db-btn{width:100%;justify-content:center}.db-field,.db-switch-row{flex-direction:column;align-items:flex-start}.db-field select{width:100%;min-width:0}}.sales-report-page{padding:18px;background:#ffffff;border:1px solid #b5b7b9;border-radius:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;width:900px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.report-header h2{margin:0;font-size:20px;font-weight:700}.report-actions{display:flex;gap:8px}.btn{border:1px solid #cbd5e1;background:#fff;padding:8px 10px;border-radius:6px;cursor:pointer}.srpwrapper{background:#e7f3ff;border-radius:10px;width:100%;height:250px}.btn-outline{background:#fff;color:#0f172a}.srp-primary{background:#0f72ff;color:#fff;border:none;margin-left:80px;height:30px;padding-bottom:30px}.btn-warning{background:#f59e0b;color:#fff;border:none}.btn-ghost{background:transparent;border:1px solid #cbd5e1}.report-controls{margin-bottom:14px}.filters-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:end}.filter-col{display:flex;flex-direction:column;gap:6px;grid-column:span 2}.filter-col.wide{grid-column:span 4}.filter-col.actions{grid-column:span 2;display:flex;align-items:center;justify-content:flex-end}.filter-col label{font-size:12px;color:#334155;font-weight:600}.filter-col input,.filter-col select{padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#f6f3f3;font-size:13px;color:#0f172a}.filter-buttons{display:flex;gap:8px}.report-summaries{display:flex;gap:34px;margin-bottom:12px;flex-wrap:wrap}.card{background:#ffffff;border:1px solid #b5b7b9;padding:12px 16px;border-radius:8px;min-width:160px;box-shadow:0 1px 2px #0206170a}.card-title{font-size:12px;color:#475569;font-weight:700}.card-value{font-size:18px;font-weight:800;margin-top:6px}.group-list{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.group-item{background:#f8fafc;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;min-width:120px;display:flex;justify-content:space-between;align-items:center}.g-key{font-weight:700;color:#0f172a}.g-val{font-weight:700;color:#0f72ff}.report-table{background:#fff;border-radius:8px;border:1px solid #e6eef8;padding:0;overflow-x:auto;margin-top:30px}.report-table table{width:100%;border-collapse:collapse;min-width:1100px}.report-table th,.report-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;text-align:left;font-size:13px;color:#0f172a;vertical-align:middle}.report-table thead th{background:#f1f5f9;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.report-table tbody tr:hover{background:#fbfdff}.status-tag{padding:4px 8px;border-radius:18px;font-weight:700;font-size:12px;display:inline-block}.status-tag.paid{background:#dcfce7;color:#166534}.status-tag.unpaid{background:#fee2e2;color:#7f1d1d}.status-tag.partial{background:#fff7ed;color:#92400e}.row-actions{display:flex;gap:6px}.row-actions .btn{padding:6px 8px;font-size:13px}.report-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px;flex-wrap:wrap}.pagination{display:flex;gap:8px;align-items:center}.footer-actions{display:flex;gap:12px;align-items:center}@media (max-width: 980px){.filters-grid{grid-template-columns:repeat(6,1fr)}.filter-col.wide{grid-column:span 6}.filter-col{grid-column:span 3}.report-summaries{flex-direction:column}}.report-table th:nth-child(1),.report-table td:nth-child(1){width:120px}.report-table th:nth-child(2),.report-table td:nth-child(2){width:100px}.report-table th:nth-child(5),.report-table td:nth-child(5){text-align:right}.report-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-page{padding:18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111827}.pr-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.pr-header h2{margin:0;font-size:20px}.pr-actions{display:flex;gap:8px;align-items:center}.pr-btn{padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:14px}.pr-btn-primary{background:#0f72ff;color:#fff;border:none}.pr-btn-outline{background:#d0c9c9;font-size:12;color:#0f172a}.pr-btn-ghost{background:#1f46a1;border:1px dashed #919294}.pr-filters-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}@media (max-width:980px){.pr-filters-grid{grid-template-columns:repeat(2,1fr)}}.pr-filters-grid label{font-size:12px;font-weight:600;color:#374151;display:block;margin-bottom:6px}.pr-filters-grid input,.pr-filters-grid select{width:100%;padding:8px;border-radius:8px;border:1px solid #e6eef8;background:#fff;box-sizing:border-box}.pr-search-col{grid-column:span 1}@media (max-width:980px){.pr-search-col{grid-column:span 2}}.pr-summary-cards{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.pr-card{background:#fff;border:1px solid #e6eef8;padding:12px 16px;border-radius:8px;min-width:160px;box-shadow:0 1px #00000005}.pr-card-title{font-size:12px;color:#6b7280;margin-bottom:6px}.pr-card-value{font-weight:700;font-size:16px}.pr-add-payment-form{background:#fff;border:1px solid #e6eef8;padding:12px;border-radius:8px;margin-bottom:12px}.pr-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pr-col{display:flex;flex-direction:column}.pr-col-full{grid-column:span 4;display:flex;flex-direction:column}.pr-actions-row{display:flex;gap:8px;justify-content:flex-end;padding-top:6px}@media (max-width:980px){.pr-row{grid-template-columns:1fr}.pr-col-full{grid-column:1}}.pr-add-payment-form label{font-size:12px;font-weight:600;margin-bottom:6px;color:#374151}.pr-add-payment-form input,.pr-add-payment-form select{padding:8px;border-radius:8px;border:1px solid #e6eef8}.pr-report-table{background:#fff;border:1px solid #e6eef8;border-radius:8px;overflow:auto;margin-bottom:12px}.pr-report-table table{width:100%;border-collapse:collapse}.pr-report-table th,.pr-report-table td{padding:10px;border-bottom:1px solid #f3f4f6;text-align:left;vertical-align:top}.pr-report-table thead th{background:#f8fafc;font-weight:700;color:#374151}.pr-payments-list{display:flex;flex-direction:column;gap:6px;max-width:260px}.pr-payment-row{display:flex;gap:8px;align-items:center;font-size:12px;color:#111827}.pr-p-date{color:#6b7280;min-width:70px}.pr-p-amt{font-weight:700;color:#0f172a;min-width:110px;text-align:right}.pr-p-method{font-size:12px;color:#374151;padding-left:6px}.pr-paid{color:#16a34a;font-weight:700}.pr-outstanding{color:#dc2626;font-weight:700}.Total{color:#0f172a;font-weight:200}.pr-row-actions{display:flex;gap:6px;flex-direction:row;align-items:center}@media (max-width:520px){.pr-row-actions{flex-direction:column}}.pr-row-actions .pr-btn{padding:6px 8px;font-size:12px}.pr-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:12px}.pr-pager-controls{display:flex;gap:8px;align-items:center}.pr-pagination select{padding:6px 8px;border-radius:6px;border:1px solid #e6eef8}.pr-small-muted{color:#6b7280;font-size:13px}.pr-pager-btn{padding:6px 8px;border-radius:6px;border:1px solid #e6eef8;background:#fff;cursor:pointer}.pr-card,.pr-report-table,.pr-add-payment-form{box-shadow:0 6px 18px #0c121c08}.stkrep-page{padding:18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;background:transparent;box-sizing:border-box}.stkrep-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.stkrep-title{margin:0;font-size:20px}.stkrep-sub{margin:0;color:#6b7280;font-size:13px}.stkrep-actions{display:flex;gap:8px;align-items:center}.stkrep-btn{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-weight:600}.stkrep-btn-export{background:#0f72ff;color:#fff;border:none}.stkrep-btn-view{padding:6px 8px;border-radius:6px}.stkrep-filters{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.stkrep-input,.stkrep-select,.stkrep-input-mini{padding:8px;border-radius:8px;border:1px solid #e6eef8;background:#fff;box-sizing:border-box}.stkrep-input{min-width:320px;flex:1 1 320px}.stkrep-select{min-width:160px}.stkrep-input-mini{width:100px}.stkrep-switch{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:#374151}.stkrep-rightFilters{margin-left:auto;display:flex;gap:8px;align-items:center}.stkrep-summaryGrid{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.stkrep-card{background:#fff;border:1px solid #e6eef8;padding:12px 16px;border-radius:8px;min-width:160px;box-shadow:0 1px #00000005}.stkrep-card-title{font-size:12px;color:#6b7280;margin-bottom:6px}.stkrep-card-value{font-weight:700;font-size:16px}.stkrep-tableWrap{background:#fff;border:1px solid #e6eef8;border-radius:8px;overflow:auto}.stkrep-table{width:100%;border-collapse:collapse;min-width:900px}.stkrep-table th,.stkrep-table td{padding:10px;border-bottom:1px solid #f3f4f6;text-align:left;vertical-align:middle;font-size:13px}.stkrep-table thead th{background:#f8fafc;font-weight:700;color:#374151}.stkrep-productName{font-weight:600;color:#0f172a}.stkrep-num{text-align:right;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.stkrep-row-low{background:#fff7ed}.stkrep-empty{text-align:center;padding:24px;color:#6b7280;font-style:italic}.stkrep-totalRow td{background:#f8fafc;font-weight:700;border-top:2px solid #e6eef8}.stkrep-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.stkrep-pager{display:flex;gap:8px;align-items:center}.stkrep-pager button{padding:6px 10px;border-radius:6px;border:1px solid #e6eef8;background:#fff;cursor:pointer}.stkrep-meta{color:#6b7280;font-size:13px}@media (max-width:980px){.stkrep-input{min-width:200px}.stkrep-summaryGrid{gap:8px}.stkrep-card{min-width:140px;padding:10px}.stkrep-table{min-width:700px}}.exprep-page{padding:18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;background:#f8fafc;min-height:100%;width:950px;box-sizing:border-box}.exprep-headerRow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.exprep-heading h2{margin:0;font-size:20px}.exprep-sub{color:#475569;font-size:13px;margin-top:4px}.exprep-actions{display:flex;gap:8px;align-items:center}.exprep-btn{padding:8px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600}.exprep-btn-csv{background:#ffffff;color:#0f172a;border:1px solid #e6eef8}.exprep-btn-pdf{background:#0f72ff;color:#fff;border:1px solid rgba(0,0,0,.04)}.exprep-filters{display:grid;grid-template-columns:1fr 100px 90px 90px 90px 90px 90px 90px;gap:10px;align-items:center;margin:12px 0}@media (max-width:1100px){.exprep-filters{grid-template-columns:repeat(2,1fr)}}.exprep-input,.exprep-select,.exprep-input-date{width:100%;padding:8px 10px;color:#0f172a;border-radius:8px;border:1px solid #e6eef8;background:#fff;box-sizing:border-box}.exprep-summarygrid{display:flex;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:12px;flex-wrap:wrap}.exprep-card{background:#fff;border:1px solid #e6eef8;padding:12px 14px;border-radius:8px;min-width:180px;box-shadow:0 1px #00000005}.exprep-card-label{font-size:12px;color:#6b7280;margin-bottom:6px}.exprep-card-value{font-weight:700;font-size:16px}.exprep-card.approved{border-left:4px solid #16a34a}.exprep-card.rejected{border-left:4px solid #dc2626}.exprep-card.pending{border-left:4px solid #f59e0b}.exprep-tableWrap{background:#fff;border:1px solid #e6eef8;border-radius:8px;overflow:auto}.exprep-table{width:100%;border-collapse:collapse}.exprep-table th,.exprep-table td{padding:10px;border-bottom:1px solid #f3f4f6;text-align:left;vertical-align:middle;font-size:13px}.exprep-table thead th{background:#f8fafc;font-weight:700;color:#374151}.exprep-num{text-align:right;font-variant-numeric:tabular-nums}.exprep-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.exprep-badge.approved{background:#dcfce7;color:#166534}.exprep-badge.rejected{background:#fee2e2;color:#991b1b}.exprep-badge.pending{background:#fff7ed;color:#92400e}.exprep-empty{text-align:center;padding:24px;color:#6b7280}.exprep-tableTotals{display:flex;justify-content:space-between;gap:12px;margin-top:12px;align-items:center;flex-wrap:wrap}.exprep-tableTotals-block{background:#fff;border:1px solid #e6eef8;padding:10px 12px;border-radius:8px;min-width:260px}.exprep-tableTotals-title{font-size:12px;color:#6b7280;margin-bottom:6px}.exprep-tableTotals-values{display:flex;gap:12px;flex-wrap:wrap;font-weight:700}.exprep-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.exprep-pagerLeft{display:flex;gap:8px;align-items:center}.exprep-pagerBtn{padding:6px 10px;border-radius:8px;border:1px solid #e6eef8;background:#fff;cursor:pointer}.exprep-pagerRight{color:#475569;font-size:13px}@media (max-width:640px){.exprep-table thead th:nth-child(4),.exprep-table td:nth-child(4),.exprep-table thead th:nth-child(5),.exprep-table td:nth-child(5),.exprep-table thead th:nth-child(6),.exprep-table td:nth-child(6){display:none}}.astrep-page{padding:18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;background:#f8fafc;min-height:100%;width:95 0px;box-sizing:border-box}.astrep-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.astrep-heading h2{margin:0;font-size:20px}.astrep-sub{color:#475569;font-size:13px;margin-top:4px}.astrep-actions{display:flex;gap:8px;align-items:center}.astrep-btn{padding:8px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600;display:inline-flex;gap:8px;align-items:center}.astrep-btn-export{background:#ffffff;color:#0f172a;border:1px solid #e6eef8}.astrep-btn-outline{background:transparent;border:1px solid #e6eef8}.astrep-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center;margin:12px 0}@media (max-width:1024px){.astrep-filters{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.astrep-filters{grid-template-columns:1fr}}.astrep-input,.astrep-select,.astrep-input-date,.astrep-input-mini{min-width:90px;padding:8px 10px;border-radius:8px;border:1px solid #e6eef8;font-size:12px;color:#0a0b0e;background:#fff;box-sizing:border-box;width:100%}.astrep-input-mini{max-width:160px}.astrep-filters-right{display:flex;gap:8px;align-items:center;justify-content:flex-end}.astrep-summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}@media (max-width:1024px){.astrep-summaryGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.astrep-summaryGrid{grid-template-columns:1fr}}.astrep-card{background:#fff;border:1px solid #e6eef8;padding:12px 14px;border-radius:8px;min-width:140px;box-shadow:0 1px #00000005}.astrep-card-label{font-size:12px;color:#6b7280;margin-bottom:6px}.astrep-card-value{font-weight:700;font-size:16px}.astrep-card.warning{border-left:4px solid #f97316}.astrep-card.maintenance{border-left:4px solid #f59e0b}.astrep-tableWrap{background:#fff;border:1px solid #e6eef8;border-radius:8px;overflow:auto;margin-top:8px}.astrep-table{width:100%;border-collapse:collapse}.astrep-table th,.astrep-table td{padding:10px;border-bottom:1px solid #f3f4f6;text-align:left;vertical-align:middle;font-size:13px}.astrep-table thead th{background:#f8fafc;font-weight:700;color:#374151}.astrep-num{text-align:right;font-variant-numeric:tabular-nums}.astrep-row-broken{background:linear-gradient(90deg,rgba(255,238,238,.6),transparent)}.astrep-row-maint{background:linear-gradient(90deg,rgba(255,250,235,.6),transparent)}.astrep-nameCol{font-weight:600}.astrep-actionsCol{display:flex;gap:6px;justify-content:flex-end}.astrep-actionBtn{padding:6px 8px;border-radius:8px;border:1px solid #e6eef8;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.astrep-actionBtn.danger{border-color:#fca5a5;background:#fff6f6;color:#b91c1c}.astrep-actionBtn.success{border-color:#bbf7d0;background:#f0fff4;color:#15803d}.astrep-badge{padding:6px 8px;border-radius:12px;font-weight:700;font-size:12px;display:inline-block;text-transform:capitalize}.astrep-badge.active{background:#ecfdf5;color:#088d4b}.astrep-badge.broken{background:#ffeef0;color:#b91c1c}.astrep-badge.maintenance{background:#fff7ed;color:#92400e}.astrep-badge.retired{background:#eef2ff;color:#3730a3}.astrep-empty{text-align:center;padding:20px;color:#6b7280}.astrep-tableTotals{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.astrep-tableTotals-block{background:#fff;border:1px solid #e6eef8;padding:10px 12px;border-radius:8px}.astrep-meta{color:#475569;font-size:13px}.astrep-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.astrep-pagination button{padding:6px 10px;border-radius:8px;border:1px solid #e6eef8;background:#fff;cursor:pointer}@media (max-width:640px){.astrep-table thead th:nth-child(5),.astrep-table td:nth-child(5),.astrep-table thead th:nth-child(6),.astrep-table td:nth-child(6),.astrep-table thead th:nth-child(8),.astrep-table td:nth-child(8){display:none}}.users-page{padding:24px;width:900px}.users-header{display:flex;justify-content:space-between;align-items:center;color:#2563eb}.users-card{margin-top:20px;background:#fff;padding:16px;border-radius:10px;box-shadow:0 3px 10px #0000000d}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:10px;border-bottom:1px solid #eee}.users-table th{text-align:left}.active{color:green;font-weight:600}.inactive{color:red;font-weight:600}.users-form input,.users-form select{padding:10px;border:1px solid #ddd;border-radius:6px;width:100%}.form-row{display:flex;gap:10px;margin-bottom:12px}.checkbox{display:flex;gap:8px;margin-bottom:12px;color:#2563eb}.save-btn{width:100%;padding:10px;background:#16a34a;color:#fff;border:none;border-radius:8px;cursor:pointer}.users-table td button{border:none;background:transparent;cursor:pointer;padding:6px;margin-right:6px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.users-table td button:first-child{color:#2563eb}.users-table td button:first-child:hover{background:rgba(37,99,235,.1);color:#1d4ed8;transform:scale(1.1)}.users-table td button:last-child{color:#dc2626}.tax-table td button:last-child:hover{background:rgba(220,38,38,.1);color:#b91c1c;transform:scale(1.1)}.users-table td button svg{width:18px;height:18px;stroke:currentColor;fill:none;display:inline-block}.users-table tbody tr:hover{background:rgba(0,0,0,.03)}.active{background:#dcfce7;color:#16a34a;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.inactive{background:#fee2e2;color:#dc2626;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.roles-page{padding:24px;width:900px}.roles-header{display:flex;justify-content:space-between;align-items:center;color:#2563eb}.add-btn{background:#2563eb;color:#fff;padding:10px 14px;border:none;border-radius:8px;cursor:pointer}.roles-container{display:flex;gap:20px;margin-top:20px}.roles-list{width:200px;background:#fff;border-radius:10px;padding:10px;color:#2563eb}.role-item{padding:10px;cursor:pointer;border-radius:6px}.role-item:hover{background:#f3f4f6}.role-item.active{background:#2563eb;color:#fff}.roles-table-container{flex:1;background:#fff;padding:16px;border-radius:10px}.roles-table{width:100%;border-collapse:collapse;margin-top:10px}.roles-table th,.roles-table td{padding:10px;border-bottom:1px solid #eee;text-align:center}.roles-table th:first-child,.roles-table td:first-child{text-align:left}.save-btn{margin-top:12px;background:#16a34a;color:#fff;padding:10px 14px;border:none;border-radius:8px;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.modal{background:white;padding:20px;border-radius:10px;width:500px}.modal input{width:95%;padding:10px;margin-bottom:10px}.sidebar,.sidebar *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;opacity:1!important}.sidebar{position:fixed;top:0;left:0;width:270px;height:100vh;background:#0d0c2f!important;color:#cbd5e1;padding:20px 16px;display:flex;flex-direction:column;border-right:1px solid #1e293b;z-index:9999;overflow:hidden}.sidebar-content{flex:1;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#1e293b transparent}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-thumb{background:#1e293b;border-radius:6px}.sidebar-footer{padding-top:14px;border-top:1px solid #feffff;margin-top:12px}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.logo-box{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.sidebar-brand h2{font-size:15px;font-weight:600;color:#fff;margin:0}.sidebar-brand small{font-size:11px;color:#94a3b8}.active-company{margin-bottom:25px}.active-company span{font-size:11px;color:#64748b;display:block;margin-bottom:6px}.active-company select{width:100%;padding:8px 10px;background:#1e293b;border:none;border-radius:6px;color:#f1f5f9;font-size:13px}.menu-title{font-size:11px;letter-spacing:1px;color:#64748b;margin:18px 8px 10px}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#333882;border-radius:6px;text-decoration:none;margin-top:3px;color:#fdfdfd;font-size:14px;color:#fbfbfb;transition:all .2s ease}.sidebar-link svg{font-size:16px}.sidebar-link:hover{background:rgba(41,120,247,.12);color:#fff}.sidebar-link.active{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;font-weight:500;box-shadow:0 0 12px #2563eb66}.sidebar-section{margin-bottom:6px}.sidebar-dropdown-btn{width:100%;background:none;border:none;color:#cbd5e1;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s ease}.sidebar-dropdown-btn:hover{background:rgba(59,130,246,.12);color:#fff}.sidebar-dropdown-btn span{display:flex;align-items:center;gap:10px}.arrow{transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.sidebar-submenu{list-style:none;padding-left:15px;margin-top:4px;max-height:0;overflow:hidden;transition:all .3s ease}.sidebar-submenu.show{max-height:500px}.sidebar-submenu .sidebar-link{font-size:13px;padding:7px 12px;color:#94a3b8}.sidebar-submenu .sidebar-link:hover{background:rgba(37,99,235,.1);color:#fff}.sidebar-submenu .sidebar-link.active{background:rgba(37,99,235,.25);color:#fff;font-weight:500}@media (max-width: 992px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}}.topbar{position:fixed;top:0;left:270px;right:0;height:70px;background:#68abfc;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 25px;overflow:visible;z-index:5000}.topbar-left h1{font-size:20px;font-weight:600;color:#1856dd;margin:0}.topbar-right{display:flex;align-items:center;gap:18px;position:relative;z-index:5100}.search-box{display:flex;align-items:center;background:#f3f4f6;border-radius:8px;padding:6px 12px;width:240px}.search-box svg{color:#131415;margin-right:8px;font-size:16px}.search-box input{border:none;outline:none;background:transparent;font-size:13px;width:100%;color:#111827}.icon-btn{position:relative;width:38px;height:38px;border-radius:8px;border:none;background:#0959f9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0a4fbe;transition:all .2s ease}.icon-btn:hover{background:#e5e7eb;color:#111827}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:110%;right:0;min-width:220px;padding:8px 0;background:#ffffff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 15px 40px #00000014;z-index:99999}.dropdown-menu p{margin:0;padding:10px 16px;font-size:14px;color:#111827;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;transition:background .15s ease}.dropdown-menu p svg{font-size:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.dropdown-menu p:hover{background:#f3f4f6}.notification-menu{width:260px}.notification-menu h4{font-size:14px;font-weight:600;padding:10px 16px;margin:0;border-bottom:1px solid #e5e7eb;color:#111827}.notification-item{padding:10px 16px;display:flex;flex-direction:column}.notification-item span{font-size:14px;color:#111827}.notification-item small{font-size:12px;color:#6b7280}.branch-select{display:flex;align-items:center;gap:6px;background:#f3f4f6;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#111827;cursor:pointer;transition:background .2s ease}.branch-select:hover{background:#e5e7eb}.profile-box{display:flex;align-items:center;gap:8px;background:#f3f4f6;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.profile-box:hover{background:#e5e7eb}.profile-box span{font-size:13px;color:#111827}.avatar{width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.icon{font-size:18px}.icon-small{font-size:14px;color:#6b7280}.tphd{margin-left:30px}.dropdown-menu p,.dropdown-menu .dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;color:#7a5fbd;cursor:pointer;background:transparent;border:none}.admin-layout{width:100%;height:100vh;overflow:visible}.flex-grow-1{flex:1;min-width:0;height:100%}:root{--sidebar-width: 270px;--sidebar-collapsed-width: 72px;--topbar-height: 70px;--transition-fast: .22s;--transition-smooth: .32s}html,body{margin:0;padding:0;width:100%;height:100%;background:#f6f8f7;font-family:Arial,sans-serif;overflow-x:hidden}.admin-layout{display:flex;width:100%;min-height:100vh;height:100vh;overflow:hidden;position:relative}.admin-layout .sidebar{width:var(--sidebar-width);transition:width var(--transition-smooth) ease;box-sizing:border-box}.admin-layout.collapsed .sidebar{width:var(--sidebar-collapsed-width)}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);transition:left var(--transition-fast) ease;z-index:5000}.admin-layout.collapsed .topbar{left:var(--sidebar-collapsed-width)}.admin-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);height:calc(100vh - var(--topbar-height));overflow-y:auto;overflow-x:hidden;padding:24px 80px 24px 24px;box-sizing:border-box;transition:margin-left var(--transition-fast) ease}.admin-layout.collapsed .admin-content{margin-left:var(--sidebar-collapsed-width)}.sidebar-toggle{position:fixed;top:14px;left:calc(var(--sidebar-width) + 12px);width:40px;height:40px;border-radius:8px;border:0;background:rgba(255,255,255,.92);box-shadow:0 4px 12px #02061714;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:6000;transition:left var(--transition-fast) ease,transform var(--transition-fast) ease,background var(--transition-fast);padding:6px}.sidebar-toggle svg{color:#0f172a}.admin-layout.collapsed .sidebar-toggle{left:calc(var(--sidebar-collapsed-width) + 12px)}.sidebar-toggle:hover{transform:translateY(-2px)}.sidebar-toggle.is-collapsed{background:rgba(15,23,42,.98)}.sidebar-toggle.is-collapsed svg{color:#fff}.admin-layout .sidebar .logo-box{width:40px;height:40px;transition:all var(--transition-fast)}.admin-layout .sidebar .sidebar-brand h2{transition:opacity var(--transition-fast) ease,transform var(--transition-fast)}.admin-layout .sidebar .sidebar-brand small{transition:opacity var(--transition-fast) ease}.admin-layout.collapsed .sidebar .sidebar-brand h2,.admin-layout.collapsed .sidebar .sidebar-brand small,.admin-layout.collapsed .sidebar .active-company,.admin-layout.collapsed .sidebar .menu-title,.admin-layout.collapsed .sidebar .sidebar-footer,.admin-layout.collapsed .sidebar .sidebar-link>.link-text,.admin-layout.collapsed .sidebar .sidebar-link>span.label,.admin-layout.collapsed .sidebar .sidebar-section .sidebar-dropdown-btn>span.text{opacity:0;visibility:hidden;height:0;margin:0;padding:0;pointer-events:none}.admin-layout.collapsed .sidebar .sidebar-link{justify-content:center;padding-left:6px;padding-right:6px}.admin-layout.collapsed .sidebar-submenu{display:none}.admin-layout.collapsed .sidebar-brand{justify-content:center}.sidebar a,.sidebar .sidebar-link{white-space:nowrap;overflow:hidden}.sidebar a:focus,.sidebar button:focus,.sidebar-toggle:focus{outline:3px solid rgba(59,130,246,.18);outline-offset:2px}.sidebar{overflow:hidden}.sidebar .sidebar-content{overflow:auto}@media (max-width: 992px){.sidebar-toggle{left:14px;top:14px}.topbar{left:0}.admin-content{margin-left:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}