.inv-app{--line:#e1e3f0;--muted:#656b8a;--brand:#5340c6;--brand-dk:#3f2ca5;--brand-50:#f3f2fd;border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;font-size:15px;line-height:1.45;box-shadow:0 1px 2px #1f10870d,0 4px 16px #1f10870f}.inv-app *,.inv-app :before,.inv-app :after{box-sizing:border-box}.inv-app button,.inv-app input,.inv-app select,.inv-app textarea{font:inherit;color:inherit}.inv-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.inv-types,.inv-viewtabs{background:#f0f1f8;border-radius:12px;gap:4px;padding:4px;display:flex}.inv-types button,.inv-viewtabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 14px;font-weight:600}.inv-types button.on,.inv-viewtabs button.on{color:var(--brand-dk);background:#fff;box-shadow:0 1px 3px #00000014}.inv-viewtabs{display:none}.inv-sample{background:#fdf0d8;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding:10px 14px;font-size:14px;display:flex}.inv-link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.inv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.inv-preview{position:sticky;top:84px}.inv-group{border:1px solid var(--line);border-radius:12px;gap:10px;margin:0 0 14px;padding:12px 14px 14px;display:grid}.inv-group legend{letter-spacing:.04em;text-transform:uppercase;color:var(--brand-dk);padding:0 6px;font-size:13px;font-weight:700}.inv-app label,.inv-field{color:#41465f;gap:4px;font-size:13px;font-weight:600;display:grid}.inv-field>span{font-size:13px}.inv-opt{color:var(--muted);font-weight:400}.inv-app input:not([type=checkbox]),.inv-app select,.inv-app textarea{background:#fff;border:1px solid #d5d8e8;border-radius:9px;width:100%;padding:9px 11px;font-size:15px;font-weight:400}.inv-app textarea{resize:vertical}.inv-app input:focus,.inv-app select:focus,.inv-app textarea:focus{outline-offset:0;border-color:var(--brand);outline:2px solid #aba3ef}.inv-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inv-3{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;display:grid}.inv-check{align-items:center;gap:8px;padding-bottom:10px;font-size:15px!important;display:flex!important}.inv-check input{width:18px;height:18px;accent-color:var(--brand)}.inv-hint{color:var(--muted);background:#f6f7fb;border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.inv-swatches{gap:6px;padding:6px 0;display:flex}.inv-swatches button{width:26px;height:26px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%}.inv-swatches button.on{box-shadow:0 0 0 2px var(--brand)}.inv-logo-row{align-items:center;gap:8px;min-height:40px;display:flex}.inv-logo-row img{object-fit:contain;border:1px solid var(--line);border-radius:6px;max-width:70px;max-height:36px;padding:2px}.inv-items{gap:6px;display:grid}.inv-items-head,.inv-item{grid-template-columns:minmax(0,1fr) 62px 110px 116px 28px;align-items:center;gap:6px;display:grid}.inv-items-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.inv-items-head span:nth-child(n+2),.inv-item .q,.inv-item .p{text-align:right}.inv-item .a{text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.inv-item .x{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-size:20px;line-height:1}.inv-item .x:hover:not(:disabled){color:#b4232c;background:#fdecee}.inv-item .x:disabled{opacity:.3;cursor:default}.inv-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.inv-btn.primary{background:var(--brand);color:#fff}.inv-btn.primary:hover:not(:disabled){background:var(--brand-dk);color:#fff}.inv-btn.ghost{color:var(--brand-dk);background:#fff;border-color:#e5e3fb}.inv-btn.ghost:hover:not(:disabled){background:var(--brand-50)}.inv-btn.sm{justify-self:start;padding:6px 14px;font-size:14px}.inv-btn:disabled{opacity:.6;cursor:wait}.inv-actions{z-index:5;backdrop-filter:blur(6px);border-top:1px solid var(--line);background:#fffffff5;border-radius:0 0 18px 18px;flex-wrap:wrap;align-items:center;gap:10px;margin:16px -18px -18px;padding:14px 18px;display:flex;position:sticky;bottom:0}.inv-total{margin-right:auto;display:grid}.inv-total span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.inv-total strong{color:#1f1087;font-size:20px}.inv-usage{color:var(--muted);font-size:13px}.inv-error{color:#8a1a22;background:#fdecee;border-radius:10px;margin-top:12px;padding:10px 14px}.inv-privacy{color:var(--muted);text-align:center;margin:26px 0 0;font-size:13px}.inv-modal-back{z-index:100;background:#0f142473;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.inv-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:22px}.inv-modal h2{margin:0 0 8px;font-size:20px}.inv-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.paper-wrap{container-type:inline-size}.paper{--acc:#1f1087;aspect-ratio:210/297;color:#23273b;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:7cqw 8cqw 6cqw;font-size:1.62cqw;line-height:1.45;position:relative;overflow:hidden;box-shadow:0 6px 24px #1f10871a}.p-bar{background:var(--acc);height:1.1cqw;position:absolute;top:0;left:0;right:0}.p-head{justify-content:space-between;gap:4cqw;margin-bottom:4cqw;display:flex}.p-from{max-width:55%}.p-logo{object-fit:contain;max-width:23cqw;max-height:9cqw;margin-bottom:1.6cqw;display:block}.p-name{font-size:2.2cqw;font-weight:700;line-height:1.25}.p-name.sm{font-size:1.85cqw}.p-muted{color:#656b8a;white-space:pre-wrap}.p-meta{text-align:right}.p-title{color:var(--acc);letter-spacing:.02em;margin-bottom:2.2cqw;font-size:3.7cqw;font-weight:800;line-height:1}.p-meta dl{grid-template-columns:auto auto;justify-content:end;gap:.3cqw 2.6cqw;margin:0;display:grid}.p-meta dt{color:#656b8a}.p-meta dd{margin:0;font-weight:700}.p-label{letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:.6cqw;font-size:1.4cqw;font-weight:700}.p-to{margin-bottom:3.4cqw}.p-table{border-collapse:collapse;width:100%;margin-bottom:3cqw}.p-table th{background:color-mix(in srgb, var(--acc) 8%, #fff);color:var(--acc);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:1.2cqw 1.4cqw;font-size:1.4cqw}.p-table td{vertical-align:top;border-bottom:1px solid #e8eaf4;padding:1.3cqw 1.4cqw}.p-table .r{text-align:right;white-space:nowrap}.p-table .b{font-weight:700}.p-table .desc{word-break:break-word}.p-bottom{justify-content:space-between;align-items:flex-start;gap:4cqw;display:flex}.p-notes{flex:1;min-width:0}.p-notes .p-label:not(:first-child){margin-top:2cqw}.p-pre{white-space:pre-wrap;word-break:break-word}.p-totals{gap:.8cqw;width:42%;display:grid}.p-totals>div{justify-content:space-between;gap:2cqw;display:flex}.p-totals span{color:#656b8a}.p-totals b{white-space:nowrap}.p-total{background:var(--acc);color:#fff;border-radius:.8cqw;margin-top:.8cqw;padding:1.4cqw 1.6cqw;font-size:1.9cqw}.p-total span{font-weight:700;color:#fff!important}.p-paid{color:#1c7a3a;opacity:.6;border:.5cqw solid #1c7a3a;border-radius:1cqw;margin:1cqw 0 2cqw 1cqw;padding:.2cqw 2cqw;font-size:4.6cqw;font-weight:800;display:inline-block;transform:rotate(-10deg)}.p-foot{color:#8a8fac;font-size:1.25cqw;position:absolute;bottom:3cqw;left:8cqw}@media (width<=960px){.inv-grid{grid-template-columns:1fr}.inv-viewtabs{display:flex}.inv-grid.show-edit .inv-preview,.inv-grid.show-preview .inv-form{display:none}.inv-preview{position:static}}@media (width<=560px){.inv-app{border-radius:14px;padding:12px}.inv-actions{margin:14px -12px -12px;padding:12px}.inv-types{width:100%}.inv-types button{flex:1;padding:8px 6px;font-size:14px}.inv-2,.inv-3{grid-template-columns:1fr}.inv-items-head{display:none}.inv-item{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr 28px;padding:8px}.inv-item .d{grid-column:1/-1}.inv-item .a{text-align:left;grid-column:1/3}.inv-item .x{grid-area:3/3}.inv-usage{order:5;width:100%}}