:root{--primary:#1a73e8;--primary-hover:#1557b0;--bg:#f5f5f5;--card-bg:#fff;--text:#333;--text-light:#666;--border:#ddd;--radius:6px;color:var(--text);background:var(--bg);font:14px/1.5 system-ui,-apple-system,sans-serif}body{margin:0;padding:0}#root{max-width:900px;margin:0 auto;padding:20px}.form-container h1{margin:0 0 20px;font-size:24px}.form-error{color:#c00;border-radius:var(--radius);background:#fee;border:1px solid #fcc;margin-bottom:8px;padding:10px 14px;font-size:13px}.form-container form{flex-direction:column;gap:16px;display:flex}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:16px}legend{padding:0 6px;font-size:15px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label,.item-row label{color:var(--text-light);flex-direction:column;gap:4px;font-size:13px;display:flex}.form-grid input,.form-grid textarea,.item-row input{border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-family:inherit;font-size:14px}.form-grid textarea{resize:vertical}.item-row{border-bottom:1px solid #eee;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 0;display:grid}.item-row label:first-child{grid-column:1/-1}.btn-add{border:1px dashed var(--border);cursor:pointer;color:var(--primary);background:0 0;border-radius:4px;margin-top:8px;padding:6px 14px;font-size:13px}.btn-remove{cursor:pointer;color:#c00;background:#fee;border:1px solid #fcc;border-radius:4px;grid-column:1/-1;justify-self:start;padding:6px 10px;font-size:12px}.btn-generate{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-self:center;padding:12px 24px;font-size:16px}.btn-generate:hover{background:var(--primary-hover)}.preview-container{flex-direction:column;gap:16px;display:flex}.preview-actions{background:var(--bg);z-index:10;justify-content:center;gap:12px;padding:10px 0;display:flex;position:sticky;top:0}.btn-back,.btn-download{border-radius:var(--radius);cursor:pointer;border:none;padding:10px 20px;font-size:14px}.btn-back{color:var(--text);background:#eee}.btn-download{background:var(--primary);color:#fff}.btn-download:hover{background:var(--primary-hover)}.invoice-wrapper{background:#fff;padding:24px;box-shadow:0 1px 4px #0000001a}table.inv{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px;line-height:1.4}table.inv td{vertical-align:top;word-wrap:break-word;border:1px solid #000;padding:3px 5px}.tc{text-align:center}.tr{text-align:right}.vt{vertical-align:top}.lbl{color:#555;font-size:10px}.items-hdr td{background:#fafafa;font-weight:600}.empty-row td{height:20px}.total-row td{border-top:2px solid #000}.footer-text{color:#555;margin:8px 0 0;font-size:10px}