: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}.panel{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;max-width:560px;margin:60px auto;padding:32px;display:flex;box-shadow:0 1px 4px #0000000f}.panel h1{margin:0;font-size:24px}.panel-narrow{max-width:360px}.panel-sub{color:var(--text-light);margin:0 0 16px}.picker{--picker-bg:#f5f6f8;--picker-text:#111318;--picker-dim:#3c404b;--picker-muted:#6b6f7a;background:var(--picker-bg);color:var(--picker-text);flex-direction:column;align-items:center;padding:72px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.picker h1{margin:0;font-size:28px;font-weight:600}.profiles{flex-wrap:wrap;justify-content:center;gap:64px;margin:auto 0;display:flex}.profile-card{cursor:pointer;font:inherit;color:var(--picker-dim);background:0 0;border:none;flex-direction:column;align-items:center;gap:16px;padding:0;display:flex}.profile-card .avatar{outline-offset:4px;border-radius:50%;outline:3px solid #0000;transition:outline-color .15s,transform .15s}.profile-card:hover .avatar,.profile-card:focus-visible .avatar{outline-color:var(--picker-text);transform:scale(1.05)}.profile-card:hover,.profile-card:focus-visible{color:var(--picker-text);outline:none}.profile-name{font-size:16px}.profile-meta{color:var(--picker-muted);margin-top:-10px;font-size:12px}.avatar{margin-bottom:8px}.panel-field{text-align:left;width:100%;color:var(--text-light);flex-direction:column;gap:4px;font-size:13px;display:flex}.panel-field input{border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-family:inherit;font-size:14px}.panel-field input:focus{border-color:var(--primary);outline:none}.panel .form-error{box-sizing:border-box;width:100%;margin:0}.panel-btn{width:100%;margin-top:8px}.panel-btn:disabled{opacity:.5;cursor:default}.btn-link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:none;margin-top:4px;font-size:13px}table.inv2{font-family:Times New Roman,Times,serif;font-size:12px}.inv2 .b{font-weight:700}.inv2 .i{font-style:italic}.inv2 .big{font-size:15px}.inv2 .title{font-size:22px;font-weight:700}.inv2 .seller{color:#1e3a5f;font-size:34px;font-weight:700}.inv2 .billto{padding:8px 5px 16px}.inv2 .pre{white-space:pre-line}.inv2 .desc td{height:220px}.inv2 .terms{margin:0;padding-left:16px}.inv2 .sign{height:90px;position:relative}.inv2 .signatory{font-style:normal;position:absolute;bottom:4px}
