@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--app-font: "Segoe UI", Tahoma, system-ui, sans-serif;--app-font-display: "Segoe UI", Tahoma, system-ui, sans-serif;--table-font-size: 12px;--table-head-font-size: 12px;--table-head-font-weight: 600;--table-head-padding: 6px 7px;--table-cell-padding: 8px 7px;--bg:#f3f6fb;--surface:#ffffff;--border:#d7dee9;--text:#1f2937;--muted:#5b6776}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--app-font);background:var(--bg)}button,input,select,textarea{font-family:var(--app-font)}.dash{min-height:100vh;transition:background .2s,color .2s;background-color:var(--bg);position:relative}.dash:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 10%,rgba(15,108,189,.12),transparent 38%),radial-gradient(circle at 85% 8%,rgba(138,91,44,.08),transparent 40%),linear-gradient(180deg,#fff9,#fff0);pointer-events:none;z-index:0}.dash.density-compact{--table-head-padding: 4px 7px;--table-cell-padding: 6px 7px;--table-font-size: 12px;--table-head-font-size: 12px}.dash.density-comfy{--table-head-padding: 7px 8px;--table-cell-padding: 10px 8px;--table-font-size: 13px;--table-head-font-size: 13px}.dash.theme-office{--accent:#0f6cbd;--acc-text:#fff;--nav-active-bg: rgba(15,108,189,.12)}.dash.theme-emerald{--accent:#0f7a5a;--acc-text:#fff;--nav-active-bg: rgba(15,122,90,.12)}.dash.theme-amber{--accent:#b45309;--acc-text:#fff;--nav-active-bg: rgba(180,83,9,.12)}.dash.light{--bg:#f3f6fb;--surface:#ffffff;--surface-rgb:255,255,255;--chrome-bg:rgba(255,255,255,.72);--border:#d7dee9;--text:#1f2937;--muted:#5b6776;--hint:#7a8798;--accent:#3b82f6;--acc-text:#ffffff;--card-bg:#ffffff;--metric-bg:#f6f8fc;--bar-empty:#e6edf5;--tbl-alt:#f8fafc;--row-alt:#f9fbfd;--row-hover:#edf2f7;--header-bg:#f1f4f9;--header-text:#1f2937;--icon:#4b5b73;--focus:#3b82f6;--pill-paid-bg:#e8f5ee;--pill-paid-c:#1f7a4a;--pill-pend-bg:#fff3e6;--pill-pend-c:#9a5b13;--pill-over-bg:#fdecec;--pill-over-c:#b42318;--pill-draft-bg:#eef2f7;--pill-draft-c:#4b5563;--badge-up-bg:#e8f5ee;--badge-up-c:#1f7a4a;--badge-dn-bg:#fdecec;--badge-dn-c:#b42318;--badge-nu-bg:#eef2f7;--badge-nu-c:#4b5563;--chart-bar:#1f2937;--chart-grid:#eef2f7;--chart-tick:#9aa4b2;--chart-line:#d7dee9;--donut1:#1f2937;--donut2:#64748b;--donut3:#9aa4b2;--donut4:#e2e8f0;--nav-active-bg:rgba(59,130,246,.12);--stock-ok:#1f7a4a;--stock-warn:#9a5b13;--stock-low:#b42318;--shadow:0 10px 30px rgba(16,24,40,.1)}.dash.dark{--bg:#10151b;--surface:#161d26;--surface-rgb:22,29,38;--chrome-bg:rgba(16,21,27,.72);--border:#2a3442;--text:#e6edf6;--muted:#9aa4b2;--hint:#6b7686;--accent:#3b82f6;--acc-text:#0f141c;--card-bg:#161d26;--metric-bg:#1b2230;--bar-empty:#1e2633;--tbl-alt:#141a24;--row-alt:#141a24;--row-hover:#1c2432;--header-bg:#151b25;--header-text:#e6edf6;--icon:#b6c0cf;--focus:#3b82f6;--pill-paid-bg:rgba(34,197,94,.12);--pill-paid-c:#86efac;--pill-pend-bg:rgba(251,191,36,.12);--pill-pend-c:#fcd34d;--pill-over-bg:rgba(239,68,68,.12);--pill-over-c:#fca5a5;--pill-draft-bg:rgba(100,116,139,.15);--pill-draft-c:#94a3b8;--badge-up-bg:rgba(16,185,129,.12);--badge-up-c:#34d399;--badge-dn-bg:rgba(239,68,68,.12);--badge-dn-c:#f87171;--badge-nu-bg:rgba(99,102,241,.1);--badge-nu-c:#a5b4fc;--chart-bar:#94a3b8;--chart-grid:#1e2535;--chart-tick:#475569;--chart-line:#2a3040;--donut1:#e6edf6;--donut2:#9aa4b2;--donut3:#6b7686;--donut4:#1e2633;--nav-active-bg:rgba(59,130,246,.18);--stock-ok:#34d399;--stock-warn:#fbbf24;--stock-low:#f87171;--shadow:0 8px 24px rgba(16,24,40,.08)}.dash{background:var(--bg);color:var(--text)}.topbar{background:transparent;border-bottom:1px solid var(--border);height:52px;padding:0 16px;display:flex;align-items:center;justify-content:flex-end;box-shadow:none;position:relative;z-index:1}.sb-head{display:flex;align-items:center;gap:10px;padding:0;border-bottom:none;min-height:auto;overflow:hidden}.sb-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#7c3aed,#22d3ee);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-logo-icon svg{width:16px;height:16px}.sb-logo-text{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;opacity:1;transition:opacity var(--fade),width var(--fade);overflow:hidden;font-family:var(--app-font-display);letter-spacing:.2px}.topbar-r{display:flex;align-items:center;gap:10px}.topbar-date{font-size:14px;color:var(--text)}.new-btn{display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:var(--accent);color:#fff}.btn-icon{display:inline-flex;align-items:center;gap:6px}.btn-icon svg{color:#fff}.theme-toggle{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:14px}.theme-toggle:hover{background:var(--metric-bg)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--acc-text);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;cursor:pointer}.layout{display:flex;position:relative;z-index:1}.sidebar{width:232px;background:#0a101af5;border-right:1px solid rgba(255,255,255,.055);padding:0;flex-shrink:0;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:width .35s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;height:100vh}.sidebar.collapsed{width:64px}.sidebar.collapsed .nav-text{opacity:0;max-width:0;margin-left:0}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 0}.sidebar.collapsed .nav-lbl{opacity:0;height:0;padding:0 18px}.sidebar.collapsed .ndot{display:none}.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-user-info{opacity:0;width:0}.sidebar-head{display:flex;align-items:center;padding:14px;border-bottom:1px solid var(--border);gap:10px;height:52px}.sidebar-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#22d3ee);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.sidebar-title{font-family:var(--app-font-display);font-size:15.5px;font-weight:700;color:#d4dfe8;letter-spacing:.3px;overflow:hidden;white-space:nowrap;transition:opacity .22s,width .35s}.sidebar-toggle{width:28px;height:28px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#8a9bb5;cursor:pointer;margin:10px auto;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .35s}.sidebar-toggle:hover{background:#ffffff12}.nav-lbl{font-family:var(--app-font-display);font-size:9.5px;color:#3a5068;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:10px 18px 4px;transition:opacity .2s,height .3s}.nav-sec{margin-bottom:20px}.nav-item{display:flex;align-items:center;gap:0;padding:8.5px 18px;font-size:13.2px;color:#8a9bb5;cursor:pointer;border-left:2.5px solid transparent;text-decoration:none;font-weight:500;letter-spacing:.1px}.nav-item.active{color:var(--accent);background:linear-gradient(90deg,#3b82f62e,#3b82f60f);border-left-color:var(--accent)}.nav-item:hover:not(.active){color:#c5cfe0;background:#ffffff0a}.ndot{display:none}.nav-item.active .ndot{background:var(--accent)}.nav-ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.nav-text{white-space:nowrap;margin-left:11px;max-width:160px;transition:opacity .22s,max-width .35s,margin .3s}.sidebar-user{margin-top:auto;padding:14px 18px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}.sidebar-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#0b1220;letter-spacing:.5px}.sidebar-user-info{display:flex;flex-direction:column;transition:opacity .22s,width .35s;overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:600;color:#d4dfe8;letter-spacing:.2px}.sidebar-user-role{font-size:10.5px;color:#5a6880;margin-top:1px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;padding:20px 22px;overflow:auto}.pg-title{font-size:17px;font-weight:500;color:var(--text)}.pg-sub{font-size:12px;color:var(--muted);margin-top:2px;margin-bottom:18px}.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.mc{background:var(--metric-bg);border:1px solid var(--border);border-radius:10px;padding:14px}.mc-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.mc-val{font-size:21px;font-weight:500;color:var(--text);margin-bottom:6px}.badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;border-radius:5px;padding:2px 7px}.b-up{background:var(--badge-up-bg);color:var(--badge-up-c)}.b-dn{background:var(--badge-dn-bg);color:var(--badge-dn-c)}.b-nu{background:var(--badge-nu-bg);color:var(--badge-nu-c)}.mid{display:grid;grid-template-columns:2fr 1fr;gap:11px;margin-bottom:18px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ct{font-size:13px;font-weight:500;color:var(--text)}.cl{font-size:11px;color:var(--muted);cursor:pointer;text-decoration:none}.cl:hover{color:var(--text)}.cl-edit{display:inline-flex;align-items:center;gap:4px;color:#2563eb;text-decoration-color:#2563eb66}.cl-danger{display:inline-flex;align-items:center;gap:4px;color:#b42318;text-decoration-color:#b4231866}.brow{display:grid;grid-template-columns:1fr 1fr;gap:11px}.inv-tbl{width:100%;border-collapse:collapse;font-size:var(--table-font-size);table-layout:fixed}.inv-tbl th{text-align:left;color:var(--header-text);font-weight:var(--table-head-font-weight);font-size:var(--table-head-font-size);padding:var(--table-head-padding);background:var(--header-bg)}.inv-tbl td{padding:var(--table-cell-padding);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-tbl td{overflow:visible}.inv-tbl tbody tr:nth-child(2n) td{background:var(--row-alt, var(--tbl-alt))}.inv-tbl tbody tr:hover td{background:var(--row-hover, var(--metric-bg))}.inv-tbl td:first-child{color:var(--text);font-weight:500}.inv-tbl.billing-tbl th,.inv-tbl.billing-tbl td{padding:3px}.pill{display:inline-block;font-size:10px;padding:2px 7px;border-radius:20px;font-weight:500}.pp{background:var(--pill-paid-bg);color:var(--pill-paid-c)}.pn{background:var(--pill-pend-bg);color:var(--pill-pend-c)}.po{background:var(--pill-over-bg);color:var(--pill-over-c)}.pd{background:var(--pill-draft-bg);color:var(--pill-draft-c)}.cr{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--bar-empty)}.cr:last-child{border:none}.cav{width:29px;height:29px;border-radius:50%;background:var(--metric-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:var(--muted);flex-shrink:0}.cn{font-size:12px;font-weight:500;color:var(--text)}.cm{font-size:11px;color:var(--hint)}.ca{margin-left:auto;text-align:right}.cav2{font-size:12px;font-weight:500;color:var(--text)}.co{font-size:10px;color:var(--hint)}.sr{display:flex;align-items:center;gap:7px;margin-bottom:10px}.sr:last-child{margin-bottom:0}.sdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stock-ok{background:var(--stock-ok)}.stock-warn{background:var(--stock-warn)}.stock-low{background:var(--stock-low)}.sn{font-size:12px;color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-bg{flex:2;height:5px;background:var(--bar-empty);border-radius:3px;overflow:hidden}.sb{height:100%;border-radius:3px;background:var(--accent)}.sq{font-size:11px;color:var(--hint);min-width:42px;text-align:right}.legend-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:9px}.li{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.lsq{width:8px;height:8px;border-radius:2px}.lsq1{background:var(--donut1)}.lsq2{background:var(--donut2)}.lsq3{background:var(--donut3)}.lsq4{background:var(--donut4)}.cw{position:relative;width:100%;height:185px}.cw2{position:relative;width:100%;height:155px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.form-row{display:flex;align-items:center;gap:12px}.form-label{font-size:11px;color:var(--hint);margin-bottom:4px;display:block}.form-input{width:100%;background:var(--metric-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:7px 8px;font-size:12px}textarea.form-input{resize:vertical;min-height:72px}.form-hint{font-size:11px;color:var(--muted)}.sselect{position:relative;width:100%}.sselect-input{cursor:text}.sselect-list{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:220px;overflow:auto;z-index:60}.sselect-item{padding:6px 8px;font-size:12px;color:var(--text);cursor:pointer}.sselect-item:hover{background:var(--metric-bg)}.sselect-item.active{background:var(--metric-bg);color:var(--text)}.sselect-item.selected{background:var(--table-hover);font-weight:600}.sselect-item.active.selected{background:var(--metric-bg);box-shadow:inset 0 0 0 1px var(--border)}.sselect-empty{padding:6px 8px;font-size:12px;color:var(--muted)}.line-items{margin-top:8px}.line-header{font-size:12px;font-weight:500;margin-bottom:8px}.line-actions{margin-top:10px;display:flex;justify-content:flex-start}.link-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:11px;text-decoration:underline;text-decoration-color:var(--border)}.link-btn:hover{color:var(--text)}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.form-total{font-size:14px;font-weight:500}.company-form-card{width:50%;min-width:320px;max-width:760px;margin:0 auto}.challan-form-card{width:min(875px,100%);margin:0 auto}.challan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.challan-grid-span2{grid-column:span 2}.challan-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.challan-grid-date-no{grid-template-columns:minmax(170px,max-content) minmax(180px,max-content)}.challan-grid-party-address{grid-template-columns:362px minmax(0,1fr)}.challan-grid-truck-remark{grid-template-columns:minmax(180px,max-content) minmax(0,1fr)}.challan-col-date{max-width:190px}.challan-col-no,.challan-col-truck{max-width:220px}.challan-col-date .form-input,.challan-col-no .form-input,.challan-col-truck .form-input{width:100%}.challan-grid-4{grid-template-columns:362px 135px 135px 173px}.challan-section{margin-top:14px}.challan-inner-card{padding:10px;margin-top:8px}.challan-table td{vertical-align:top}.challan-table tfoot td{background:var(--metric-bg);font-weight:600}.challan-footer-label{text-align:left}.challan-footer-value{text-align:right}.challan-footer-spacer{background:var(--metric-bg)}.challan-action-cell{width:34px;text-align:center;padding-left:2px;padding-right:2px}.challan-action-cell .icon-btn{padding:4px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.challan-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.challan-cell-input{width:100%}.challan-cell-qty{max-width:151px;min-width:110px;text-align:center}.challan-cell-rate{max-width:151px;min-width:110px;text-align:right}.challan-cell-amount{max-width:160px;min-width:150px;text-align:right}.grid-wrap{display:flex;flex-direction:column;gap:8px;overflow-x:auto}.grid-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.grid-toolbar .form-input{max-width:260px}.grid-toolbar-split{justify-content:space-between;align-items:flex-end}.grid-toolbar-right{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.grid-toolbar-left .pg-sub{margin-bottom:0}.grid-settings{background:var(--metric-bg);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.grid-settings-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.grid-settings-actions{display:flex;align-items:center;gap:8px}.drag-handle{font-size:14px;color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.grid-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-row{display:flex;gap:6px}.icon-btn{background:var(--metric-bg);border:1px solid var(--border);border-radius:8px;padding:6px 8px;cursor:pointer;color:var(--icon);font-size:13px}.icon-btn:hover{background:var(--surface)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-export{color:#0f6cbd;border-color:#0f6cbd59;background:#0f6cbd14}.icon-export:hover{background:#0f6cbd24}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(440px,92vw);background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.json-box{background:var(--metric-bg);border:1px solid var(--border);border-radius:8px;padding:8px;max-height:360px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.json-line{white-space:pre-wrap}.json-line.changed{background:#ef44441f}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 10%,#20293a,#0f1117 55%)}.login-card{width:380px;background:#111827;border:1px solid #1f2937;border-radius:12px;padding:24px;color:#e5e7eb}.login-title{font-size:16px;font-weight:600;margin-bottom:4px}.login-sub{font-size:12px;color:#9ca3af;margin-bottom:16px}.login-form{display:flex;flex-direction:column;gap:10px}.login-label{font-size:11px;color:#9ca3af}.login-input{background:#0b1220;border:1px solid #1f2937;border-radius:8px;color:#e5e7eb;padding:9px 10px}.login-error{font-size:11px;color:#f87171}.login-btn{background:#e5e7eb;color:#111827;border:none;border-radius:8px;padding:9px 10px;font-size:12px;cursor:pointer}@media (max-width: 1000px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mid,.brow{grid-template-columns:1fr}.sidebar{display:none}.form-grid,.challan-grid,.challan-grid-2,.challan-grid-4{grid-template-columns:1fr}.challan-grid-span2{grid-column:span 1}.challan-summary-grid,.modal-grid{grid-template-columns:1fr}.company-form-card{width:100%}}