:root{--bg:#eef0f4;--pane:#dde1e7;--card:#fff;--line:#e3e6eb;--ink:#111827;--muted:#5b6472;--accent:#0f766e;--blue:#2563eb;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--font)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.topbar{z-index:20;color:#fff;background:#111827;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand .logo{display:inline-flex}.actions{gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.btn:hover{background:#f9fafb;border-color:#c6ccd4}.topbar .btn{color:#fff;background:0 0;border-color:#ffffff47}.topbar .btn:hover{background:#ffffff14;border-color:#ffffff73}.topbar .btn.primary{background:var(--blue);border-color:var(--blue)}.topbar .btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.layout{grid-template-columns:480px minmax(0,1fr);align-items:start;gap:20px;padding:20px;display:grid}.form-pane{flex-direction:column;gap:14px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px 18px;box-shadow:0 1px 2px #1018280d}.card h2{text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:700}.card-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.totals-chip{color:var(--ink);border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;background:#eef2f7;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.field textarea.fld{resize:vertical;height:auto;min-height:52px;padding:8px 10px;line-height:1.4}.grid2{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:10px 12px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field.span-2{grid-column:span 2}.field.span-3{grid-column:span 3}.flabel{color:var(--muted);font-size:11.5px;font-weight:600}.fld{border:1px solid var(--line);height:34px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;padding:0 10px;font-size:13px}.fld:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}select.fld{padding:0 8px}.items-head{margin-bottom:8px}.items-head .head-row,.item-row{grid-template-columns:1fr 72px 96px 60px 96px 32px;align-items:center;gap:8px;display:grid}.items-head .head-row.desc{grid-template-columns:1fr}.items-head span{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:10px;font-weight:700}.items-head span.num{text-align:right}.item{margin-bottom:10px}.item .item-desc{margin-bottom:8px}.item input,.item select{border:1px solid var(--line);width:100%;height:34px;font:inherit;color:var(--ink);background:#fff;border-radius:7px;min-width:0;padding:0 9px;font-size:13px}.item input:focus,.item select:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}.item .it-qty,.item .it-price{text-align:right}.item .it-amt{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.item .it-del{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;width:32px;height:32px;padding:0;font-size:18px;line-height:1}.item .it-del:hover{color:#b91c1c;background:#fef2f2}.add-line{width:100%;margin-top:4px}.preview-pane{background:var(--pane);border:1px solid var(--line);border-radius:12px;flex-direction:column;height:calc(100vh - 96px);display:flex;position:sticky;top:76px;overflow:hidden}.preview-head{border-bottom:1px solid #11182714;justify-content:space-between;align-items:baseline;padding:12px 20px;display:flex}.ph-title{text-transform:uppercase;letter-spacing:1.3px;color:#4b5563;font-size:12px;font-weight:700}.ph-hint{color:#4b5563;font-size:12px}.preview-scroll{flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow:auto}#sheet-scale{transform-origin:0 0;flex:none}#invoice{color:#111827;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;width:794px;min-height:1120px;padding:52px 60px 36px;display:flex;position:relative;box-shadow:0 14px 48px #10182833}#invoice:before{content:"";background:linear-gradient(90deg,#0f766e,#115e59 55%,#111827);height:6px;position:absolute;top:0;left:0;right:0}.inv-head{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.lh{align-items:flex-start;gap:14px;min-width:0;display:flex}.inv-logo{margin-top:3px;display:inline-flex}.lh-name{font-family:var(--serif);letter-spacing:.2px;font-size:27px;font-weight:700;line-height:1.15}.lh-tag{letter-spacing:2.2px;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:10.5px;font-weight:600}.inv-right{text-align:right;flex:none}.inv-title{letter-spacing:7px;color:var(--accent);font-size:30px;font-weight:400}.meta-table{border-collapse:collapse;margin-top:10px;font-size:11.5px}.meta-table td{color:var(--muted);padding:2.5px 0}.meta-table td:last-child{text-align:right;color:#111827;padding-left:20px;font-weight:600}.inv-rule{border:0;border-top:2px solid #111827;margin:26px 0 22px}.inv-parties{justify-content:space-between;gap:40px;display:flex}.party{flex:1;min-width:0}.party.right{text-align:right}.party-label{letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:700}.party-name{font-size:14px;font-weight:700}.party-addr{color:var(--muted);margin-top:4px;font-size:11.5px;line-height:1.6}.inv-table{border-collapse:collapse;width:100%;margin-top:26px;font-size:12px}.inv-table th{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);text-align:right;background:#f7f9f8;border-bottom:2px solid #111827;padding:6px 8px 8px;font-size:9.5px;font-weight:700}.inv-table th.l{text-align:left}.inv-table td{border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;padding:8px}.inv-table td.l{text-align:left}.inv-table td.desc,.inv-table td.amt{font-weight:600}.inv-table tbody tr:nth-child(2n){background:#f8fafc}.inv-totals{justify-content:space-between;gap:40px;margin-top:26px;display:flex}.pay{min-width:0;color:var(--muted);flex:1;font-size:11.5px;line-height:1.75}.pay .pay-title{letter-spacing:1.8px;text-transform:uppercase;color:#111827;margin-bottom:8px;font-size:10px;font-weight:700}.pay .strong{color:#111827;font-weight:600}.pay .k{color:#111827;width:52px;font-weight:600;display:inline-block}.pay .terms{color:#111827;margin-top:10px;font-weight:600}.totals-block{font-variant-numeric:tabular-nums;flex:none;width:280px;font-size:12.5px}.trow{justify-content:space-between;padding:4.5px 0;display:flex}.trow .tl{color:var(--muted)}.trow.sub{color:var(--muted);font-size:11.5px}.trow.disc,.trow.disc .tl{color:var(--accent)}.trow.disc span:last-child{color:var(--accent);font-weight:600}.trow.grand{background:#f2f5f4;border-top:2px solid #111827;border-radius:6px;margin-top:8px;margin-left:-8px;margin-right:-8px;padding:10px 8px;font-size:16.5px;font-weight:700}.trow.grand span:last-child{color:#111827}.inv-foot{margin-top:auto;padding-top:26px}.pay .notes{color:#111827}.thanks{color:var(--muted);text-align:center;margin-bottom:12px;font-size:11.5px}.legal{color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:12px;font-size:9.5px;line-height:1.7}.toast{color:#fff;opacity:0;pointer-events:none;z-index:50;background:#111827;border-radius:10px;padding:10px 18px;font-size:13px;transition:opacity .25s,transform .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(16px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@page{size:A4;margin:0}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}.topbar,.form-pane,.preview-head,.toast{display:none!important}.layout{gap:0!important;padding:0!important;display:block!important}.preview-pane{background:0 0!important;border:0!important;border-radius:0!important;height:auto!important;display:block!important;position:static!important;overflow:visible!important}.preview-scroll{padding:0!important;display:block!important;overflow:visible!important}#sheet-scale{width:auto!important;height:auto!important;transform:none!important}#invoice{box-shadow:none!important;margin:0!important}}