:root{font-family:system-ui,sans-serif;color:#173346;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#133548;color:white;padding:22px 5%;display:flex;justify-content:space-between;gap:24px;align-items:center}header small{display:block;color:#b4d3d7;margin-top:6px}nav{display:flex;align-items:center;gap:22px}nav a{color:white}a{color:#13745f;text-decoration:none}main{max-width:1150px;margin:42px auto;padding:0 24px}h1{font-size:32px;margin:12px 0}h2{font-size:21px}p{line-height:1.6;color:#61727d}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#16846c}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}section{background:white;border:1px solid #e0e8ec;border-radius:14px;padding:28px;margin:24px 0;box-shadow:0 6px 24px #14334405}.login{max-width:490px;margin:70px auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:20px}input,select,textarea{display:block;width:100%;font:inherit;color:#173346;padding:12px;border:1px solid #ccd8df;border-radius:7px;background:white;margin-top:8px}button,.primary{display:inline-block;border:0;border-radius:7px;padding:12px 19px;font:inherit;cursor:pointer;background:#e7f2ee;color:#146d59}.primary{background:#147a63;color:white}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #eba32c;outline-offset:3px}.search{display:flex;gap:12px;margin-bottom:22px}.search input{margin:0}.table{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:12px;color:#788994;background:#f6f8fa}td,th{padding:17px 12px;border-bottom:1px solid #e8eef1}.badge{background:#e6f3ee;color:#19765d;font-size:12px;padding:6px 10px;border-radius:20px}dt{color:#72828c;font-size:12px;margin-top:20px}dd{margin:5px 0;overflow-wrap:anywhere}.error{background:#fee8e8;color:#9a2828;padding:15px;border-radius:8px}.empty{text-align:center;padding:35px}footer{font-size:12px;color:#81929e;margin:36px 0}small{color:#71818b}@media(max-width:700px){header,nav,.heading{flex-wrap:wrap}.grid{grid-template-columns:1fr}main{padding:0 16px}section{padding:20px}h1{font-size:26px}nav{gap:15px}}
.password-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.password-actions button{font-size:12px;padding:8px 12px}.password-status{font-size:12px;font-weight:400;margin-top:6px;color:#61727d}.password-status:empty{display:none}section[hidden]{display:none}button:disabled{opacity:.55;cursor:wait}
progress{width:100%;height:22px;accent-color:#147a63}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}details{margin:20px 0}summary{cursor:pointer;font-weight:600}code{overflow-wrap:anywhere}
.header-logo{max-width:140px;max-height:55px;object-fit:contain;display:block;background:white;border-radius:5px;margin-bottom:8px}.company-logo-preview{display:block;max-width:230px;max-height:110px;margin:16px 0}.design-workspace{display:grid;grid-template-columns:minmax(280px,0.85fr) minmax(400px,1.5fr);gap:22px;align-items:start}.design-workspace section{margin-top:15px}.template-options{display:grid;gap:8px}.template-option{border:1px solid #d8e3e8;border-radius:8px;padding:12px;display:grid;grid-template-columns:20px 1fr;gap:5px 10px}.template-option input{width:auto;margin:0;grid-row:span 2}.template-option small{font-weight:400}.template-option:has(input:checked){border-color:#147a63;background:#eef7f3}#quote-preview-frame{width:100%;height:1050px;border:1px solid #e0e8ec;border-radius:6px}input[type=color]{height:45px}.quote-preview{background:#e9eef2;padding:18px}.quote-paper{background:white;max-width:850px;margin:0 auto;padding:42px;box-shadow:0 4px 30px #122f4215;border-top:8px solid var(--quote-accent);font-size:12px}.quote-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce5ea;padding-bottom:18px}.quote-top h1{font-size:27px;color:var(--quote-accent);margin-top:5px}.quote-top h2{font-size:17px}.quote-top p{font-size:11px;margin-bottom:0}.quote-logo{max-width:180px;max-height:70px;object-fit:contain}.quote-reference{text-align:right;min-width:180px}.demo-notice{background:#fff3d9;color:#7b5a19;padding:10px;margin:20px 0;font-size:10px;font-weight:700;letter-spacing:.6px}.quote-customer{display:grid;grid-template-columns:1fr 1fr;background:#f1f6f7;padding:18px;gap:20px;margin:20px 0}.quote-customer h3{margin:6px 0}.quote-customer p{margin:3px 0}.quote-products th{background:var(--quote-accent);color:white;font-size:10px}.quote-products td{font-size:11px}.quote-products td,.quote-products th{padding:12px 9px}.quote-totals{max-width:300px;margin:20px 0 20px auto}.quote-totals p{display:flex;justify-content:space-between;padding:8px;margin:0}.quote-total{background:var(--quote-accent);color:white}.quote-words{clear:both}.quote-terms{white-space:pre-line;font-size:11px;line-height:1.65;color:#526373}.quote-seal{border-top:1px solid #dce5ea;padding-top:16px;color:var(--quote-accent)}.quote-seal p{font-size:10px}.quote-paper[data-template=modern]{border-top:0;padding:0 35px 25px}.quote-paper[data-template=modern] .quote-top{background:var(--quote-accent);color:white;margin:0 -35px;padding:30px 35px;border:0}.quote-paper[data-template=modern] .quote-top h1,.quote-paper[data-template=modern] .quote-top p{color:white}.quote-paper[data-template=modern] .quote-logo{background:white;padding:6px;border-radius:6px}.quote-paper[data-template=modern] .quote-customer{border-left:4px solid var(--quote-accent);border-radius:5px}.quote-paper[data-template=minimal]{border-top:0;box-shadow:none}.quote-paper[data-template=minimal] .quote-top{border-bottom:2px solid var(--quote-accent)}.quote-paper[data-template=minimal] .quote-customer{background:white;border-bottom:1px solid #ddd;padding:10px 0}.quote-paper[data-template=minimal] .quote-products th{background:white;color:var(--quote-accent);border-bottom:2px solid var(--quote-accent)}.quote-paper[data-template=minimal] .quote-total{background:white;color:var(--quote-accent);border-top:2px solid var(--quote-accent)}@media(max-width:1000px){.design-workspace{grid-template-columns:1fr}}@media(max-width:550px){.quote-preview{padding:4px}.quote-paper{padding:20px}.quote-top{flex-wrap:wrap}.quote-reference{text-align:left}.quote-top h1{font-size:21px}.quote-products td,.quote-products th{padding:8px 4px}}@media print{.quote-preview{padding:0;background:white}.quote-paper{box-shadow:none;max-width:none;margin:0}table{break-inside:auto}tr{break-inside:avoid}thead{display:table-header-group}.quote-seal{break-inside:avoid}}