:root{--ink:#202520;--muted:#737b73;--green:#007c59;--line:#e3e7df;--paper:#fff;--bg:#f5f6f1}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:7px;padding:12px 17px;font-weight:600}button:hover{filter:brightness(.93)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{color:var(--ink);background:#fff;border-color:#cdd5ca}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d9dfd6;border-radius:6px;min-width:0;padding:11px}input:focus,select:focus{outline-offset:1px;outline:2px solid #7ab69c}label{color:#60685f;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}h1,h2,p{margin-top:0}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:34px;height:90px;padding:0 5%;display:flex}.topbar img{width:125px}.topbar>span{letter-spacing:2px;color:var(--muted);font-size:10px}.topbar .local{letter-spacing:0;color:var(--green);background:#edf4e6;border-radius:30px;margin-left:auto;padding:8px 13px}main{max-width:1540px;margin:auto;padding:44px 5% 70px}.eyebrow{letter-spacing:1.8px;color:var(--green);margin-bottom:14px;font-size:10px}h1{letter-spacing:-1px;margin-bottom:12px;font-family:Georgia,serif;font-size:44px;font-weight:400}.heading p{color:var(--muted);margin-bottom:34px}.workspace{grid-template-columns:minmax(390px,1fr) minmax(500px,1.18fr);align-items:start;gap:32px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:16px;padding:24px}.card h2{align-items:center;gap:12px;margin-bottom:22px;font-size:16px;display:flex}.card h2 b{color:var(--green);border:1px solid #dbe7d4;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:500;display:grid}.fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.fields label:first-child{grid-column:1/-1}.badge{color:var(--muted);background:#f3f5ee;border-radius:20px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:400}.hint{color:var(--muted);font-size:12px;line-height:1.7}.add-row{align-items:end;gap:10px;display:flex}.grow{flex:1}details{margin-top:20px}summary{cursor:pointer;color:var(--green);padding:6px 0;font-size:12px}.catalog-row{grid-template-columns:2fr 1fr;gap:8px;margin:10px 0;display:grid}.empty{text-align:center;color:#63715e;border:1px dashed #d8dfd1;border-radius:8px;margin:24px 0;padding:30px 10px}.empty small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.line-editor{border:1px solid var(--line);background:#f8faf5;border-radius:6px;margin-top:18px;padding:16px}.line-title{color:var(--green);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.remove{color:#935746;background:0 0;border:0;padding:2px;font-size:11px}.four-fields{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.retention{margin:24px 0 10px}.actions{justify-content:space-between;gap:10px;margin-top:24px;display:flex}.actions button{font-size:12px}.tax-help{border-top:1px solid var(--line);color:var(--muted);padding-top:15px;font-size:12px;line-height:1.7}a{color:var(--green)}.preview{min-width:0;position:sticky;top:22px}.preview-label{letter-spacing:1.2px;color:var(--muted);justify-content:space-between;margin:0 0 14px;font-size:9px;display:flex}.preview-label span:last-child{letter-spacing:0}.invoice{aspect-ratio:210/297;color:#1d1e35;background:#fff;border:1px solid #e6e8e1;padding:9.5%;font-family:Arial,sans-serif;font-size:10px;box-shadow:0 4px 30px #24351e0b}.invoice-brand img{width:27%;height:auto}.invoice-meta{text-align:right;margin-top:12px;font-size:9px;line-height:1.6}.invoice h2{color:#9dd829;letter-spacing:1px;white-space:nowrap;margin:0 0 40px;font-family:Georgia,serif;font-size:clamp(17px,2vw,28px);font-weight:400}.parties{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:42px;display:grid}.party{color:#70798a;overflow-wrap:anywhere;line-height:1.55}.party small{margin-bottom:4px;font-size:9px;font-weight:700;display:block}.party strong{color:#1d1e35;margin-bottom:3px;font-size:12px;display:block}.invoice table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:8px}.invoice th{text-align:left;color:#1d1e35;background:#f1f4f3;padding:10px 4px}.invoice th:first-child{width:28%}.invoice th:nth-child(2),.invoice th:last-child{width:17%}.invoice td{color:#70798a;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dce0e7;padding:7px 4px}.invoice td:last-child,.invoice th:last-child{text-align:right}.totals{width:44%;margin:38px 0 0 auto;font-size:10px}.totals>div{justify-content:space-between;gap:10px;margin-bottom:9px;display:flex}.totals small{font-size:7px}.totals .grand{border-top:1.5px solid #1d1e35;margin-top:12px;padding-top:10px;font-size:15px}.muted{color:#70798a}.preview-empty{color:#bbc0c6;text-align:center;padding:20px;font-size:9px}.preview-note{text-align:center;color:#8b9186;margin-top:18px;font-size:10px;line-height:1.7}.notice{background:#fff3da;border-radius:7px;padding:14px;font-size:12px;line-height:1.6}@media (min-width:1550px){.invoice h2{font-size:28px}}@media (max-width:1100px){.workspace{grid-template-columns:1fr}.preview{width:100%;max-width:740px;margin:auto;position:static}.invoice{font-size:12px}.invoice h2{font-size:27px}.invoice table{font-size:10px}}@media (max-width:550px){main{padding:28px 16px}.topbar{height:74px;padding:0 20px}.topbar>span:not(.local){display:none}h1{font-size:36px}.card{padding:18px}.fields{grid-template-columns:1fr}.workspace{display:block}.actions{flex-direction:column}.preview{margin-top:35px}.invoice{padding:7%;font-size:8px}.invoice h2{margin-bottom:24px;font-size:18px}.party strong{font-size:9px}.invoice table{font-size:7px}.parties{margin-bottom:25px}.totals{width:55%;font-size:8px}.totals .grand{font-size:12px}.four-fields{grid-template-columns:1fr 1fr}}@page{size:A4;margin:20mm}@media print{body{background:#fff}body>header,.heading,.editor,.preview-label,.preview-note,.notice{display:none!important}main{max-width:none;margin:0;padding:0}.workspace{display:block}.preview{width:100%;max-width:none;margin:0;position:static}.invoice{box-shadow:none;aspect-ratio:auto;color:#1d1e35;border:0;width:100%;padding:0;font-size:10pt}.invoice-brand img{width:45mm}.invoice-meta{margin-top:6mm;font-size:10pt}.invoice h2{margin:0 0 12mm;font-size:24pt}.parties{gap:20mm;margin-bottom:14mm}.party strong{font-size:12pt}.party small,.invoice table{font-size:9pt}.invoice th{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:4mm 2mm;background:#f1f4f3!important}.invoice td{padding:2mm}.invoice tr{break-inside:avoid}.invoice thead{display:table-header-group}.totals{break-inside:avoid;width:42%;margin-top:12mm;font-size:10pt}.totals small{font-size:7pt}.totals .grand{font-size:15pt}.invoice h2{-webkit-print-color-adjust:exact;print-color-adjust:exact}.preview-empty{display:none}}