: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 a{color:#c8d4e6;border-radius:8px;padding:11px 12px;text-decoration:none}nav a:hover{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}.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}.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}.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}@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 a{text-align:center}.workspace{padding:18px}.topbar,.alert,.topbar-actions{flex-direction:column;align-items:stretch}.primary{width:100%}.grid.two,.grid.three,.item-row{grid-template-columns:1fr}.item-row strong{text-align:left}}