:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#18202a;background:#eef1f5}*{box-sizing:border-box}body{margin:0}.topbar{height:58px;background:#17202c;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar span{opacity:.65;margin-left:12px}.link-btn{background:transparent;border:0;color:white}.workspace{display:grid;grid-template-columns:minmax(520px,1fr) minmax(480px,1fr);gap:20px;padding:20px;align-items:start}.editor{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 12px #17202c14}.toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:16px}fieldset{border:1px solid #d8dee7;border-radius:8px;margin:0 0 16px;padding:14px}legend{font-weight:700;padding:0 6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:9px 10px;border:1px solid #bdc7d4;border-radius:6px;background:white}button{border:0;border-radius:6px;background:#1769e0;color:#fff;padding:10px 14px;cursor:pointer;font-weight:650}.secondary{background:#607083}.danger,.remove{background:#bf3e48}.template-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px}.items-wrap{overflow:auto}.items,.doc-items{border-collapse:collapse;width:100%}th,td{padding:8px;border-bottom:1px solid #dce1e8;text-align:left}.items input{min-width:85px}.items .item-name{min-width:180px}.remove{padding:5px 9px}.total,.doc-total{text-align:right;font-size:20px;margin-top:14px}.preview-panel{position:sticky;top:20px}.paper{background:#fff;width:210mm;min-height:297mm;max-width:100%;margin:auto;padding:18mm;box-shadow:0 3px 18px #17202c30;color:#111}.doc-head{text-align:center;border-bottom:2px solid #111;padding-bottom:15px}.doc-head h1{font-size:23px;margin:18px 0 6px}.brand{font-weight:800;letter-spacing:2px}.party{margin:20px 0}.party h2{font-size:13px;text-transform:uppercase;color:#666;margin:0 0 6px}.party p{font-size:13px;line-height:1.5;margin:5px 0;white-space:normal}.doc-items th{background:#f0f1f3}.doc-items td,.doc-items th{border:1px solid #bbb;font-size:12px}.doc-total{font-weight:800}.comment{margin-top:18px;line-height:1.5}.non-fiscal{margin-top:30px;padding:12px;border:2px solid #111;text-align:center;font-weight:800}.signature{margin-top:42px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,calc(100% - 32px));background:white;padding:32px;border-radius:14px;box-shadow:0 8px 30px #17202c26}.login-card h1{margin:0}.login-card form{display:grid;gap:14px;margin-top:24px}.alert{background:#ffe4e5;color:#932b34;padding:10px;border-radius:6px;margin-top:15px}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.preview-panel{position:static}.paper{width:100%;min-height:auto}}
@media(max-width:620px){.workspace{padding:8px}.editor{padding:10px}.grid,.template-row{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar>*{width:100%}.paper{padding:8mm}.doc-items th,.doc-items td{padding:4px;font-size:10px}.topbar{padding:0 12px}}
@media print{@page{size:A4;margin:0}body{background:white}.topbar,.editor{display:none!important}.workspace{display:block;padding:0}.preview-panel{position:static}.paper{box-shadow:none;width:210mm;min-height:297mm;padding:15mm;margin:0}.non-fiscal{break-inside:avoid}}