:root{--ink:#163f36;--cream:#fcf8ef;--accent:#164d42}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--ink)}header{max-width:1400px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 30px;border-bottom:1px solid #d8dfd1}header span,.eyebrow{letter-spacing:.16em;font-size:.7rem;font-weight:800}.home{font-weight:800;text-decoration:none}main{max-width:1400px;padding:40px 30px;margin:auto}.intro{max-width:800px}.intro h1{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.15;letter-spacing:-.04em;margin:15px 0}.intro em{color:#a44930;font-style:normal}.intro p{color:#526458}.trial{display:flex;gap:24px;justify-content:space-between;align-items:center;background:#f3d77d;border-radius:18px;padding:20px 24px;margin:32px 0}.trial p{font-size:.8rem;max-width:65ch;margin:4px 0}.trial a{font-weight:750}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.panel{background:#fff;padding:25px;border:1px solid #dce2d7;border-radius:18px;margin-bottom:20px}h2{font-size:1.2rem;margin:0 0 20px}label{display:block;font-size:.83rem;font-weight:650;margin-bottom:16px}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #b7c5b8;border-radius:8px;background:#fff;font:inherit;color:#163f36}textarea{resize:vertical}input[type=color]{height:45px;padding:3px}input[type=file]{font-size:.72rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.item{padding:18px;background:#f5f6ee;border-radius:12px;margin-bottom:16px}.item .two{grid-template-columns:1fr 1fr}.item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.item-head button{font-size:.75rem;padding:5px 12px}.adjustments{margin-top:20px}.hint{font-size:.78rem;color:#56675b}.actions{display:flex;flex-wrap:wrap;gap:12px}button{border:1px solid #164d42;border-radius:999px;background:#164d42;color:#fff;font:650 .9rem/1.5 system-ui;padding:12px 20px;cursor:pointer}.quiet{background:transparent;color:#164d42}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid #b45d2a;outline-offset:3px}.preview-wrap{min-width:0}.preview-label{font-size:.72rem;letter-spacing:.12em;display:flex;justify-content:space-between;padding:15px}.preview-label span{letter-spacing:0;color:#6b786a}.invoice{background:#fff;padding:32px;box-shadow:0 12px 44px #163f3610;border:1px solid #dbe1d6;min-height:650px;color:#243d33;overflow-wrap:anywhere;font-size:.85rem}.inv-top{border-top:6px solid var(--accent);padding-top:20px;display:flex;justify-content:space-between;gap:20px}.inv-top h2{font-size:1.5rem;color:var(--accent);margin-bottom:6px}.inv-title{font-size:1.5rem;font-weight:800;color:var(--accent);letter-spacing:.08em}.inv-logo{max-width:140px;max-height:85px;object-fit:contain;margin-bottom:12px}.inv-block{white-space:pre-wrap}.inv-meta{font-size:.76rem;margin:10px 0}.inv-customer{margin:28px 0}.inv-customer small,.inv-notes small{font-weight:800;letter-spacing:.1em;color:var(--accent)}table{border-collapse:collapse;width:100%;table-layout:fixed}th{text-align:left;background:#f0f4ed;color:#203d32;padding:10px 5px;font-size:.74rem}td{padding:12px 5px;border-bottom:1px solid #e3e7df;vertical-align:top;white-space:pre-wrap}th:first-child{width:43%}th:nth-child(2){width:13%}th:nth-child(3),th:nth-child(4){width:22%}.num{text-align:right}.inv-totals{margin:24px 0 24px auto;max-width:300px}.inv-total-row{display:flex;justify-content:space-between;gap:20px;padding:6px}.grand-total{border-top:2px solid var(--accent);font-size:1.1rem;font-weight:800;margin-top:8px;padding-top:12px}.inv-notes{margin-top:30px}.error{background:#ffe8df;color:#802d1b;padding:16px;border-radius:10px;margin-bottom:20px}footer{max-width:1400px;padding:30px;margin:auto;font-size:.85rem}#print-copy{display:none}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.invoice{min-height:0}}@media(max-width:550px){main{padding:24px 14px}header{padding:18px 14px;flex-wrap:wrap;font-size:.8rem}header span{display:none}.trial{display:block;padding:18px}.trial a{display:block;margin-top:14px}.panel{padding:18px}.two{grid-template-columns:1fr}.invoice{padding:18px;font-size:.75rem}.inv-top{flex-direction:column}.inv-title{font-size:1.2rem}.preview-label{font-size:.63rem}th{font-size:.65rem}}
@media print{@page{size:A4;margin:14mm}body{background:#fff}.app-ui{display:none!important}#print-copy{display:block!important}.invoice{border:0;box-shadow:none;min-height:0;padding:0;font-size:10pt}.inv-top{flex-direction:row}thead{display:table-header-group}tr,.inv-top,.inv-totals,.inv-notes{break-inside:avoid}th,td{overflow-wrap:anywhere}.inv-logo{max-height:65px}}