:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#121826;--muted:#667085;--line:#d9e2f1;--panel:#fff;--soft:#f4f7fb;--blue:#0b71f0;--violet:#681ed6;--green:#047857;--red:#b42318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#eef3f9;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}.login-page{background:#101827;place-items:center;min-height:100vh;padding:22px;display:grid}.login-panel{border:1px solid var(--line);background:#fff;border-radius:8px;gap:16px;width:min(100%,420px);padding:28px;display:grid;box-shadow:0 24px 70px #0000003d}.login-panel img{object-fit:contain;justify-self:center;width:170px;height:170px}.login-panel h1{text-align:center;font-size:25px}.login-panel p{color:var(--muted);text-align:center;margin:-8px 0 2px}.login-panel label{text-align:left}.page{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#101827;flex-direction:column;gap:28px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:12px;display:flex}.brand-block img{object-fit:contain;background:#fff;border-radius:8px;width:54px;height:54px}.brand-block strong,.brand-block span{display:block}.brand-block strong{font-size:18px}.brand-block span,.sidebar-total span,.topbar p,.preview-paper span{color:#8ea0ba;font-size:13px}nav{gap:8px;display:grid}.nav-button{text-align:left;color:#c8d4e6;background:0 0;border:0;border-radius:8px;width:100%;padding:11px 12px;font-weight:800}.nav-button:hover,.nav-button.active{color:#fff;background:#ffffff14}.sidebar-total{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;margin-top:auto;padding:18px}.sidebar-total strong{margin-top:6px;font-size:24px;display:block}.workspace{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-actions span{color:var(--muted);font-size:13px;font-weight:700}.user-menu{position:relative}.user-button{border:1px solid var(--line);width:42px;height:42px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;display:grid}.user-button span{background:linear-gradient(135deg, var(--blue), var(--violet));color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.user-dropdown{z-index:10;border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;min-width:190px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #10182729}.user-dropdown strong{color:var(--ink);font-size:14px}.user-dropdown button{color:#344054;text-align:left;background:#eef3f9;padding:10px 12px}.topbar p,h1,h2{margin:0}h1{margin-top:4px;font-size:30px}h2{font-size:17px}.layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:22px;display:grid}.lookup-layout{gap:16px;display:grid}.lookup-form{grid-template-columns:repeat(4,minmax(0,1fr)) 160px 110px;align-items:end;gap:14px;display:grid}.complaint-form{gap:14px;display:grid}.complaint-filter-form{grid-template-columns:repeat(5,minmax(0,1fr)) 170px 110px}.lookup-table{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.lookup-table-head,.lookup-table-row{grid-template-columns:1.1fr .7fr .75fr 1fr 1.35fr .75fr .8fr 70px;align-items:center;gap:12px;padding:12px 14px;display:grid}.complaint-table-head,.complaint-table-row{grid-template-columns:1.1fr .7fr .75fr 1fr .9fr 1fr .85fr 70px}.panel-actions{justify-content:flex-end;margin:-8px 0 14px;display:flex}.pagination-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;font-size:13px;font-weight:800;display:flex}.pagination-bar div{align-items:center;gap:10px;display:flex}.lookup-table-head{color:#fff;background:#101827;font-size:12px;font-weight:900}.lookup-table-row{border-top:1px solid var(--line);color:#344054;min-height:58px;font-size:14px}.lookup-table-row strong{color:var(--ink)}.view-button{color:#0b56bd;background:#e8f1ff;width:56px;padding:0;font-size:12px}.empty-state{color:var(--muted);text-align:center;background:#f8fafc;border:1px dashed #b8c5d8;border-radius:8px;padding:26px;font-weight:700}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.metric-card span{color:var(--muted);font-size:13px;font-weight:800;display:block}.metric-card strong{margin-top:8px;font-size:24px;display:block}.report-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.breakdown-list{gap:10px;display:grid}.breakdown-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.breakdown-list span{color:#344054}.confirm-summary{text-align:left;gap:10px;margin:18px 0;display:grid}.confirm-summary div{background:var(--soft);border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.confirm-summary span{color:var(--muted);font-size:13px}.modal-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-panel{gap:16px;display:grid}.panel,.preview-paper,.alert{background:var(--panel);border:1px solid var(--line);border-radius:8px}.panel{padding:22px}.section-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-title span{color:#fff;background:linear-gradient(135deg, var(--blue), var(--violet));border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{color:#344054;gap:7px;font-size:13px;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd8e6;border-radius:8px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:82px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b71f024}.receipt-number-field{grid-template-columns:minmax(0,1fr) 72px;gap:8px;display:grid}input[readonly],textarea[readonly]{color:#475467;background:#f8fafc}.small-button{color:#0b56bd;background:#e8f1ff;padding:0 12px}.items{gap:10px;display:grid}.item-row{grid-template-columns:minmax(170px,1.1fr) minmax(180px,1fr) 78px 115px 120px 42px;align-items:center;gap:10px;display:grid}.item-row strong{text-align:right;font-size:14px}button{cursor:pointer;border:0;border-radius:8px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:linear-gradient(135deg, var(--blue), var(--violet));min-width:160px;padding:12px 18px}.secondary{color:#0b56bd;background:#e8f1ff;margin-top:14px;padding:11px 14px}.icon-button{color:#475467;background:#f1f4f8;width:38px;height:38px}.ghost-button{color:#344054;background:#eef3f9;padding:12px 14px}.totals-inputs{margin-top:18px}.locked-company{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:7px;margin-bottom:16px;padding:14px;display:grid}.locked-company strong{font-size:17px}.locked-company span,.locked-company p{color:var(--muted);margin:0;font-size:14px}.alert{align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.alert span{color:inherit}.alert a{color:inherit;margin-left:auto;font-weight:800}.error{color:var(--red);background:#fffbfa;border-color:#fecdca}.error-backdrop{z-index:40}.error-modal{border-color:#fecdca}.blink-required{animation:.72s ease-in-out 4 required-blink;border-color:var(--red)!important;background:#fffbfa!important}.blink-group{border:1px solid var(--red);background:#fffbfa;border-radius:8px;padding:10px;animation:.72s ease-in-out 4 required-blink}@keyframes required-blink{0%,to{box-shadow:0 0 #b4231800}50%{box-shadow:0 0 0 4px #b423182e}}.success{color:var(--green);background:#f6fef9;border-color:#abefc6}.modal-backdrop{z-index:20;background:#1018279e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.download-modal{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;width:min(100%,420px);padding:26px;box-shadow:0 24px 70px #10182747}.receipt-detail-modal{text-align:left;width:min(100%,1060px);max-height:calc(100vh - 36px);overflow:auto}.modal-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-title-row span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.download-modal img{object-fit:contain;width:82px;height:82px;margin-bottom:14px}.download-modal h2{font-size:22px}.download-modal p{color:var(--muted);margin:10px 0 20px}.receipt-preview{position:sticky;top:24px}.preview-paper{padding:24px;box-shadow:0 18px 50px #1018271a}.preview-header{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:18px;display:flex}.preview-header img{object-fit:contain;width:72px;height:72px}.preview-header strong,.preview-header span{display:block}.preview-header strong{font-size:22px}.preview-meta{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.preview-meta div,.preview-customer,.preview-summary{background:var(--soft);border-radius:8px;padding:14px}.preview-meta strong,.preview-customer strong{margin-top:4px;display:block}.preview-customer p{color:var(--muted);margin:5px 0 0;font-size:14px}.preview-lines{gap:10px;margin:18px 0;display:grid}.preview-lines div,.preview-summary div{justify-content:space-between;gap:12px;display:flex}.preview-lines div{border-bottom:1px solid var(--line);padding-bottom:10px}.preview-summary{gap:10px;display:grid}.preview-summary .grand{border-top:1px solid #c5d0df;padding-top:10px;font-size:18px}.readonly-receipt{gap:18px;display:grid}.readonly-header{background:var(--soft);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr)) 160px;align-items:center;gap:12px;padding:14px;display:grid}.complaint-header{grid-template-columns:repeat(3,minmax(0,1fr))}.readonly-header span,.readonly-summary span{color:var(--muted);font-size:13px;display:block}.readonly-header strong{margin-top:4px;display:block}.readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.readonly-items{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.readonly-item-head,.readonly-item-row{grid-template-columns:1.1fr 1.4fr 70px 120px 120px;align-items:center;gap:10px;padding:12px 14px;display:grid}.editable-items .readonly-item-head,.editable-items .readonly-item-row{grid-template-columns:1.1fr 1.4fr 80px 120px 120px 48px}.editable-items .readonly-item-row input,.editable-items .readonly-item-row select{min-width:0}.compact-action{justify-self:start}.readonly-item-head{color:#fff;background:#101827;font-size:12px;font-weight:900}.readonly-item-row{border-top:1px solid var(--line);color:#344054;font-size:14px}.readonly-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.readonly-summary div{background:var(--soft);border-radius:8px;padding:14px}.readonly-summary label{margin:0}.status-panel{border:1px solid var(--line);background:#f8fafc;border-radius:8px;grid-template-columns:180px minmax(180px,.8fr) minmax(0,1fr) 160px;align-items:end;gap:12px;padding:14px;display:grid}@media (width<=1180px){.layout{grid-template-columns:1fr}.receipt-preview{position:static}}@media (width<=820px){.page{grid-template-columns:1fr}.sidebar{height:auto;position:static}nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-button{text-align:center}.workspace{padding:18px}.topbar,.alert,.topbar-actions{flex-direction:column;align-items:stretch}.primary{width:100%}.grid.two,.grid.three,.dashboard-grid,.report-columns,.modal-actions,.item-row,.lookup-form,.lookup-table-head,.lookup-table-row,.complaint-filter-form,.complaint-table-head,.complaint-table-row,.complaint-header,.status-panel,.readonly-header,.readonly-grid,.readonly-item-head,.readonly-item-row,.readonly-summary,.editable-items .readonly-item-head,.editable-items .readonly-item-row{grid-template-columns:1fr}.pagination-bar,.pagination-bar div{flex-direction:column;align-items:stretch}.item-row strong{text-align:left}}