.invoice-page{padding:2rem 0 5rem}.invoice-shell{width:min(1200px,calc(100% - 48px));margin:auto}.invoice-heading{margin:2.5rem 0 1.75rem}.invoice-heading h1{font-size:3.5rem;line-height:1.05;letter-spacing:-.05em;margin:.8rem 0 1rem}.invoice-heading>p:not(.tool-eyebrow){color:var(--tool-muted);font-size:1.25rem;line-height:1.55}.invoice-privacy{display:flex;align-items:center;gap:.6rem;color:var(--tool-lime);margin-top:1.5rem;font-size:.875rem}.invoice-steps{display:flex;gap:2rem;list-style:none;margin:2.5rem 0 1rem;padding:0;color:var(--tool-muted);font-size:.8rem}.invoice-steps b{color:var(--tool-violet);margin-right:.5rem;font-variant-numeric:tabular-nums}.invoice-workbench{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--tool-line);border-radius:14px;overflow:hidden}.invoice-source,.invoice-review{padding:1.75rem;min-width:0}.invoice-source{background:var(--tool-surface);border-right:1px solid var(--tool-line)}.invoice-review{background:var(--tool-bg)}.invoice-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.invoice-section-heading h2{font-size:1.15rem;font-weight:600}.invoice-section-heading>span{font-size:.7rem;color:var(--tool-muted)}.invoice-page button,.invoice-page a{transition:background .18s ease-out,color .18s ease-out,border-color .18s ease-out}.invoice-page button{cursor:pointer;min-height:44px}.invoice-page button:disabled{opacity:.45;cursor:not-allowed}.invoice-page :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--tool-lime);outline-offset:4px}.invoice-section-heading button,.invoice-text-heading button{display:inline-flex;align-items:center;gap:.4rem;color:var(--tool-lime);font-size:.8rem}.invoice-upload{position:relative;min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;border:1px dashed var(--tool-violet);background:#a980f50e;border-radius:8px;text-align:center;padding:1rem;cursor:pointer}.invoice-upload:hover,.invoice-upload:focus-within{background:#a980f51f}.invoice-upload svg{color:var(--tool-violet)}.invoice-upload span{color:var(--tool-muted);font-size:.75rem}.invoice-upload input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.invoice-text-heading{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .5rem;gap:.5rem;font-size:.8rem}.invoice-page textarea{width:100%;min-height:260px;resize:vertical;padding:1rem;border:1px solid var(--tool-line);border-radius:6px;background:var(--tool-bg);font:.8rem/1.7 ui-monospace,monospace;color:var(--tool-ink)}.invoice-page textarea::-moz-placeholder{color:var(--tool-muted);opacity:.8}.invoice-page textarea::placeholder{color:var(--tool-muted);opacity:.8}.invoice-fine{font-size:.75rem;color:var(--tool-muted);line-height:1.6;margin:.6rem 0 1rem;overflow-wrap:anywhere}.invoice-format{display:grid;gap:.5rem;font-size:.8rem;margin:1rem 0}.invoice-page select,.invoice-fields input,.invoice-items td input{background:var(--tool-surface-2);color:var(--tool-ink);border:1px solid var(--tool-line);border-radius:5px;min-height:44px;padding:.65rem;width:100%;font:inherit}.invoice-primary,.invoice-secondary{display:inline-flex;justify-content:center;align-items:center;gap:.65rem;min-height:46px;padding:.8rem 1.15rem;border-radius:6px;font-size:.85rem;font-weight:600}.invoice-primary{background:var(--tool-lime);color:var(--tool-bg)}.invoice-primary:hover:not(:disabled){background:#d4f79d}.invoice-source>.invoice-primary{width:100%}.invoice-secondary{border:1px solid var(--tool-line);color:var(--tool-ink)}.invoice-secondary:hover:not(:disabled){background:var(--tool-surface-2)}.invoice-empty{display:flex;min-height:520px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.invoice-empty p{max-width:34ch;font-size:.9rem;line-height:1.7;color:var(--tool-muted);margin-top:.75rem}.invoice-paper{width:150px;padding:24px 18px;background:#ebeaf3;color:#2e2c3a;border-radius:3px;box-shadow:8px 10px #a980f526;margin-bottom:2.5rem;transform:rotate(-4deg)}.invoice-paper span{font:600 11px ui-monospace,monospace;display:block;text-align:left;margin-bottom:20px}.invoice-paper i{height:2px;display:block;background:#aeacba;margin:10px 0}.invoice-paper i:nth-of-type(2){width:65%}.invoice-paper b{display:block;margin-top:28px;font:600 12px ui-monospace,monospace}.invoice-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.invoice-fields label{min-width:0;font-size:.78rem}.invoice-fields input{display:block;margin-top:.4rem;font-size:.9rem}.invoice-fields small,.invoice-items small{display:block;overflow-wrap:anywhere;color:var(--tool-muted);font-size:.65rem;line-height:1.5;margin-top:.35rem}.invoice-checks{margin-top:1.5rem;padding:1rem;border:1px solid var(--tool-line);border-radius:6px;font-size:.8rem;line-height:1.6}.invoice-checks summary{cursor:pointer;min-height:30px;color:var(--tool-amber)}.invoice-checks ul{padding-left:1.2rem;list-style:disc}.invoice-checks li+li{margin-top:.35rem}.invoice-error{padding:1rem;color:#ffbba4;color:oklch(85% .12 40);border:1px solid currentColor;margin-top:1rem}.invoice-status{min-height:2.5rem;padding:.65rem 0;color:var(--tool-muted);font-size:.8rem}.invoice-items{margin-top:1rem}.invoice-table-scroll{overflow-x:auto;position:relative;max-width:100%}.invoice-items table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.invoice-items th{position:relative;font-size:.75rem;font-weight:500;color:var(--tool-muted);padding:.6rem}.invoice-items td{padding:.6rem;vertical-align:top;border-top:1px solid var(--tool-line)}.invoice-items td:first-child{width:48%}.invoice-items td input{min-width:85px;font-variant-numeric:tabular-nums}.invoice-items td:first-child input{min-width:180px}.invoice-items td button{padding:.65rem}.invoice-export{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--tool-line);padding:1.5rem 0;margin-top:1rem}.invoice-export label{display:flex;align-items:flex-start;gap:.7rem;max-width:52ch;font-size:.8rem;color:var(--tool-muted);line-height:1.6;cursor:pointer;padding:.5rem 0}.invoice-export input{margin-top:.3rem;accent-color:var(--tool-lime);width:18px;height:18px;flex-shrink:0}.invoice-export>div{display:flex;gap:.75rem;flex-shrink:0}.invoice-guide{margin-top:4rem;border-top:1px solid var(--tool-line);padding-top:2rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem}.invoice-guide h2{font-size:1.75rem;line-height:1.3;margin-top:.75rem}.invoice-guide h3{font-size:1rem;margin-bottom:.75rem}.invoice-guide p:not(.tool-eyebrow){font-size:.9rem;line-height:1.75;color:var(--tool-muted);margin-bottom:1.75rem}.invoice-guide a{color:var(--tool-lime);text-decoration:underline;text-underline-offset:4px}.invoice-guide a svg{display:inline}.invoice-cta{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--tool-line)}.invoice-cta h2{font-size:1.4rem}.invoice-cta p{font-size:.85rem;color:var(--tool-muted);margin-top:.6rem}@media (max-width: 800px){.invoice-shell{width:calc(100% - 32px)}.invoice-heading h1{font-size:2.5rem}.invoice-workbench,.invoice-guide{grid-template-columns:1fr}.invoice-source{border-right:0;border-bottom:1px solid var(--tool-line)}.invoice-source,.invoice-review{padding:1.2rem}.invoice-empty{min-height:330px}.invoice-steps{gap:.75rem;font-size:.7rem}.invoice-export,.invoice-cta{flex-direction:column;align-items:stretch;gap:1rem}.invoice-export>div{flex-wrap:wrap}.invoice-export button{flex:1}.invoice-guide{gap:1.5rem}}@media (max-width: 400px){.invoice-fields{grid-template-columns:1fr}.invoice-steps li{display:grid;gap:.3rem}}@media (prefers-reduced-motion: reduce){.invoice-page *{transition:none!important}}
