:root{font-family:Inter,Segoe UI,sans-serif;color:#19313a;background:#eef2f4}*{box-sizing:border-box}body{margin:0}header{height:86px;background:white;border-bottom:1px solid #dce3e7;display:flex;align-items:center;gap:15px;padding:15px 5vw}header img{width:72px}header strong,header span{display:block}header span{font-size:12px;color:#71818a;margin-top:4px}.badge{margin-left:auto;background:#e8f3ee;border-radius:20px;padding:9px 16px;font-size:12px;color:#27644d}main{display:grid;grid-template-columns:minmax(330px,440px) minmax(480px,760px);gap:45px;max-width:1300px;margin:40px auto;padding:0 30px}.eyebrow{font-size:11px;letter-spacing:2px;color:#6c8587}h1{font-size:32px;letter-spacing:-1px;margin:12px 0}.muted,.note{color:#72828a;font-size:13px;line-height:1.6}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 0}input,textarea,select{display:block;width:100%;font:14px Segoe UI,sans-serif;background:white;border:1px solid #cbd6dc;border-radius:8px;padding:12px;margin-top:8px;color:#19313a}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #3b8495;outline-offset:2px}.note{font-size:11px;margin-top:6px}.actions{display:flex;gap:12px;margin-top:28px}button{cursor:pointer;border:0;border-radius:8px;background:#163f4a;color:white;font-weight:600;padding:14px 20px;flex:1}.secondary{background:white;color:#163f4a;border:1px solid #bacbd0}.text-button{background:none;color:#6c8089;font-size:12px;margin-top:8px;padding-left:0}.preview-label{font-size:10px;letter-spacing:1.5px;color:#71818a;margin-bottom:14px;display:flex;justify-content:space-between}#invoice{background:white;box-shadow:0 10px 35px #233c4c12;padding:40px;min-height:900px;color:#17252d;font:12px Arial,sans-serif}.logo{width:120px}h3{font-size:13px;margin-bottom:7px}.company{color:#65737a;font-size:10px;line-height:1.7}.invoice-title{text-align:right;margin:24px 0}h2{font-size:26px;margin-bottom:8px}h4{font-size:11px;margin-top:22px}.multiline{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}table{width:100%;border-collapse:collapse;margin-top:24px;table-layout:fixed}th,td{text-align:left;padding:14px;border:1px solid #d9dfe3;vertical-align:top}th{background:#edf2f4;font-size:10px}th:last-child,td:last-child{text-align:right;width:110px}.total{text-align:right;font-size:14px;padding:15px 0}.total strong{margin-left:20px}.bank{display:block;margin:18px auto 0;max-width:100%;height:280px;object-fit:contain}#status{font-size:12px;color:#a53732}button:disabled{opacity:.5;cursor:wait}@media(max-width:950px){main{grid-template-columns:1fr;max-width:720px;padding:0 18px;gap:25px}#invoice{padding:25px}}@page{size:A4;margin:16mm}@media print{body{background:white}header,.editor,.preview-label{display:none}main{display:block;margin:0;padding:0;max-width:none}.preview{display:block}#invoice{box-shadow:none;padding:0;min-height:0}.bank{height:260px}table,tr,.bank{break-inside:avoid}}