:root{color-scheme:light;--inv-teal:#0f766e;--inv-teal-dark:#0d5c56;--inv-teal-soft:#e6f4f3;--inv-purple:#6d28d9;--inv-purple-soft:#ede9fe;--inv-bg:linear-gradient(165deg,#f0fdfa,#f5f3ff 45%,#faf8ff);--inv-text:#1c1917;--inv-muted:#57534e;--inv-border:#c7d7d5;--inv-card:#ffffff;--inv-danger:#b91c1c;--inv-focus:#6d28d9}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--inv-bg);background-color:#f7faf9;color:var(--inv-text);line-height:1.45}main{min-height:100vh;display:grid;place-items:center;padding:2rem}section{max-width:680px;text-align:center}main.invoice-main{display:block;width:100%;max-width:40rem;margin:0 auto;padding:1rem 1rem 2.5rem;min-height:100vh;place-items:unset}@media (min-width:480px){main.invoice-main{padding:1.25rem 1.25rem 3rem}}.invoice-card{text-align:left;background:var(--inv-card);border:1px solid var(--inv-border);border-radius:12px;padding:1.25rem;min-width:0;box-shadow:0 1px 2px rgba(15,118,110,.06),0 8px 24px rgba(109,40,217,.06)}@media (min-width:480px){.invoice-card{padding:1.5rem}}.invoice-heading{margin:0 0 .5rem;font-size:1.35rem;font-weight:700;color:var(--inv-teal-dark);letter-spacing:-.02em}.invoice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.invoice-toolbar .invoice-heading{margin:0}.invoice-muted{color:var(--inv-muted);margin:0 0 1rem;font-size:.95rem}.invoice-form{gap:.75rem}.invoice-form,.invoice-label{display:flex;flex-direction:column}.invoice-label{gap:.35rem;font-size:.9rem;font-weight:600;color:var(--inv-text)}.invoice-input,.invoice-select,.invoice-textarea{font:inherit;min-height:2.75rem;padding:.6rem .75rem;border:1px solid var(--inv-border);border-radius:8px;background:#fff;color:var(--inv-text);width:100%;min-width:0}.invoice-textarea{min-height:5rem;resize:vertical}.invoice-input:focus-visible,.invoice-select:focus-visible,.invoice-textarea:focus-visible{outline:2px solid var(--inv-focus);outline-offset:2px;border-color:var(--inv-purple)}.invoice-input-narrow{max-width:100%}.invoice-lines-title{margin:1rem 0 .5rem;font-size:.9rem;font-weight:600;color:var(--inv-teal-dark)}.invoice-lines{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.75rem}.invoice-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:.5rem;gap:.5rem;padding:.75rem;border:1px solid var(--inv-border);border-radius:10px;background:var(--inv-teal-soft);min-width:0}.invoice-line .invoice-label{min-width:0}.invoice-line-desc,.invoice-line-total-wrap{grid-column:1/-1}@media (min-width:640px){.invoice-line{grid-template-columns:minmax(0,2fr) minmax(6rem,1fr) minmax(4.5rem,.75fr) minmax(6rem,1fr);align-items:end;padding:.65rem .75rem}.invoice-line-desc{grid-column:1}.invoice-line-total-wrap{grid-column:4}.invoice-line-total-label{display:none}}.invoice-line-total{font-size:.9rem;font-weight:700;color:var(--inv-purple);min-height:2.75rem;display:flex;align-items:center}.invoice-line-total-label{font-size:.75rem;font-weight:600;color:var(--inv-muted);margin-bottom:.15rem}.invoice-button{margin-top:.75rem;min-height:2.75rem;padding:.6rem 1.1rem;font:inherit;font-weight:600;border:none;border-radius:8px;background:var(--inv-teal);color:#fff;cursor:pointer;width:100%}.invoice-button:disabled{opacity:.65;cursor:not-allowed}.invoice-button:focus-visible{outline:2px solid var(--inv-focus);outline-offset:2px}.invoice-button-secondary{margin-top:0;background:var(--inv-purple)}.invoice-button-ghost{margin-top:0;background:transparent;color:var(--inv-teal-dark);border:1px solid var(--inv-border)}@media (min-width:480px){.invoice-button{width:auto}}.invoice-error{color:var(--inv-danger);font-size:.9rem;margin:.5rem 0 0}.invoice-hint{font-size:.8rem;font-weight:500;color:var(--inv-muted);margin:.25rem 0 0}.invoice-section{margin-top:1rem;border:1px solid var(--inv-border);border-radius:10px;overflow:hidden;background:#fff}.invoice-section>summary{list-style:none;cursor:pointer;padding:.85rem 1rem;font-weight:700;font-size:.95rem;color:var(--inv-teal-dark);background:var(--inv-purple-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}.invoice-section>summary::-webkit-details-marker{display:none}.invoice-section[open]>summary{border-bottom:1px solid var(--inv-border)}.invoice-section-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.invoice-row-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.invoice-row-actions .invoice-label{min-width:0}.invoice-history-list{list-style:none;margin:0;padding:0}.invoice-history-item,.invoice-history-list{display:flex;flex-direction:column;gap:.5rem}.invoice-history-item{padding:.75rem;border:1px solid var(--inv-border);border-radius:8px;background:#fafafa}@media (min-width:480px){.invoice-history-item{flex-direction:row;align-items:center;justify-content:space-between}}.invoice-history-meta{font-size:.9rem}.invoice-history-meta strong{color:var(--inv-teal-dark)}.invoice-product-row{display:flex;flex-direction:column;gap:.5rem;padding:.65rem 0;border-bottom:1px solid var(--inv-border)}.invoice-product-row:last-child{border-bottom:none}@media (min-width:560px){.invoice-product-row{flex-direction:row;align-items:end;justify-content:space-between;gap:.75rem}}.invoice-product-actions{display:flex;flex-wrap:wrap;gap:.4rem}.invoice-total-banner{margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;background:var(--inv-purple-soft);font-weight:700;color:var(--inv-teal-dark);text-align:center}.invoice-stack{display:flex;flex-direction:column;gap:.75rem}.invoice-add-line-wrap{margin-top:.25rem}