.inv-app{--bg:#f5f6fa;--card:#fff;--ink:#14161f;--muted:#636a7e;--line:#e3e6ee;--brand:#4f46e5;--brand-ink:#fff;--brand-soft:#eef0ff;--danger:#d33a3a;--radius:12px}.inv-app *{box-sizing:border-box}[hidden]{display:none!important}html,.inv-app{margin:0}.inv-app{font-family:var(--font-sans),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}.inv-app a{color:var(--brand)}.inv-app header.top{background:var(--card);border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.inv-app .logo-mark{color:var(--ink);align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.inv-app .logo-mark i{background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:8px;width:28px;height:28px;display:inline-block}.inv-app .top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inv-app .btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex}.inv-app .btn:hover{border-color:#c9cedb}.inv-app .btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.inv-app .btn.primary:hover{filter:brightness(1.08)}.inv-app .btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.inv-app .btn.small{padding:6px 10px;font-size:13px}.inv-app .save-state{color:var(--muted);font-size:12px}.inv-app main{grid-template-columns:minmax(340px,460px) 1fr;gap:24px;max-width:1400px;margin:0 auto;padding:24px;display:grid}.inv-app .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.inv-app .editor{flex-direction:column;gap:16px;display:flex}.inv-app .editor h1{margin:0 0 2px;font-size:20px}.inv-app .editor .sub{color:var(--muted);margin:0}.inv-app fieldset{border:none;gap:10px;margin:0;padding:0;display:grid}.inv-app legend{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;padding:0;font-size:13px;font-weight:700}.inv-app label{color:#3a4052;gap:4px;font-size:12.5px;font-weight:600;display:grid}.inv-app input,.inv-app textarea,.inv-app select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-width:0;padding:8px 10px;font-weight:400}.inv-app input:focus,.inv-app textarea:focus,.inv-app select:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.inv-app textarea{resize:vertical;min-height:62px}.inv-app .row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inv-app .row3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.inv-app .items{gap:8px;display:grid}.inv-app .item{grid-template-columns:1fr 58px 86px 28px;align-items:center;gap:6px;display:grid}.inv-app .item-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.inv-app .icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;height:34px;font-size:18px;line-height:1}.inv-app .icon-btn:hover{color:var(--danger);background:#fdeeee}.inv-app .logo-row{align-items:center;gap:10px;display:flex}.inv-app .logo-row input[type=file]{padding:6px}.inv-app .cta{background:var(--brand-soft);border-radius:var(--radius);border:1px solid #dcdfff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.inv-app .cta p{color:#3730a3;margin:0;font-weight:500}.inv-app .jump{display:none}.inv-app .privacy{color:var(--muted);text-align:center;margin:0;font-size:12px}.inv-app .preview-wrap{align-self:start;position:sticky;top:84px}.inv-app .preview-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:12px;font-weight:600}.inv-app .invoice{border:1px solid var(--line);color:#1b1e2b;background:#fff;border-radius:6px;flex-direction:column;min-height:900px;padding:48px 52px;font-size:13px;display:flex;box-shadow:0 10px 30px #14161f12}.inv-app .inv-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.inv-app .inv-logo{object-fit:contain;max-width:200px;max-height:64px;margin-bottom:12px;display:block}.inv-app .inv-from-name{font-size:17px;font-weight:700}.inv-app .inv-title{text-align:right}.inv-app .inv-title h2{letter-spacing:.08em;color:var(--brand);margin:0;font-size:30px;font-weight:800}.inv-app .inv-meta{grid-template-columns:auto auto;justify-content:end;gap:3px 14px;margin-top:10px;font-size:12.5px;display:grid}.inv-app .inv-meta dt{color:var(--muted)}.inv-app .inv-meta dd{text-align:right;margin:0;font-weight:600}.inv-app .inv-parties{grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 28px;display:grid}.inv-app .inv-parties h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:11px}.inv-app .pre{white-space:pre-line;color:#3a4052}.inv-app .strong{color:#1b1e2b;font-weight:700}.inv-app table.inv-items{border-collapse:collapse;width:100%}.inv-app .inv-items th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid #1b1e2b;padding:8px 6px;font-size:11px}.inv-app .inv-items td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 6px}.inv-app .inv-items .num{text-align:right;white-space:nowrap}.inv-app .inv-items td.desc{white-space:pre-line;word-break:break-word}.inv-app .inv-totals{gap:6px;width:290px;margin-top:16px;margin-left:auto;display:grid}.inv-app .inv-totals div{justify-content:space-between;gap:12px;display:flex}.inv-app .inv-totals .grand{border-top:2px solid #1b1e2b;margin-top:4px;padding-top:10px;font-size:17px;font-weight:800}.inv-app .inv-totals .muted{color:var(--muted)}.inv-app .inv-notes{gap:16px;margin-top:36px;display:grid}.inv-app .inv-notes h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 4px;font-size:11px}.inv-app .inv-footer{color:#9aa0b2;text-align:center;margin-top:auto;padding-top:32px;font-size:11px}.inv-app .empty{color:#b2b7c6;font-style:italic}@media (max-width:980px){.inv-app main{grid-template-columns:1fr;gap:16px;padding:14px}.inv-app .preview-wrap{position:static}.inv-app .invoice{min-height:0;padding:28px 22px}.inv-app .inv-title h2{font-size:24px}.inv-app header.top{padding:12px 14px}.inv-app .hide-sm,.inv-app .save-state{display:none}.inv-app .jump{z-index:20;display:inline-flex;position:fixed;bottom:14px;right:14px;box-shadow:0 8px 20px #4f46e559}}@media (max-width:520px){.inv-app .logo-mark{font-size:14px}.inv-app .logo-mark i{width:24px;height:24px}.inv-app #resetBtn{padding:6px}.inv-app #pdfBtn{padding:8px 11px;font-size:13px}.inv-app .top-actions{flex-wrap:nowrap;gap:4px}.inv-app .inv-top{flex-direction:column}.inv-app .inv-title{text-align:left}.inv-app .inv-meta{justify-content:start}.inv-app .inv-meta dd{text-align:left}.inv-app .inv-parties{grid-template-columns:1fr;gap:16px;margin:24px 0 20px}.inv-app .inv-totals{width:100%}.inv-app .row3{grid-template-columns:1fr 1fr}.inv-app .item{grid-template-columns:1fr 54px 80px 28px}}@page{size:A4;margin:14mm}@media print{.inv-app{background:#fff}.inv-app header.top,.inv-app .editor,.inv-app .preview-label,.inv-app .jump{display:none!important}.inv-app main{max-width:none;padding:0;display:block}.inv-app .preview-wrap{position:static}.inv-app .invoice{box-shadow:none;border:none;border-radius:0;min-height:269mm;padding:0}.inv-app .inv-items tr{break-inside:avoid}.inv-app *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.inv-app{min-height:100vh}.inv-app .loading{text-align:center;color:var(--muted);padding:80px 24px}.inv-app .seo{max-width:1400px;color:var(--muted);margin:0 auto;padding:8px 24px 40px;font-size:14px}.inv-app .seo h2{color:var(--ink);margin:24px 0 6px;font-size:18px}@media print{.inv-app .seo{display:none!important}}