.vf-quote-page{background:#faf9ff;color:#2e2848;font-family:Inter,system-ui,sans-serif}.q-main{max-width:1330px;margin:auto;padding:133px 20px 90px}.q-head{text-align:center;margin:auto auto 30px;max-width:760px}.q-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#7260c6}.q-head h1{font-size:clamp(33px,5vw,58px);font-weight:850;letter-spacing:-.067em;line-height:1.1;margin:15px 0}.q-head h1 span{background:linear-gradient(110deg,#6254d4,#bb69bd,#5a9be1);color:transparent;background-clip:text}.q-head p{font-size:15px;line-height:1.7;color:#777087}.q-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:19px}.q-tabs,.q-toolbar-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.q-toolbar button,.q-import{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:11px;background:white;border:1px solid #e7e0f4;color:#62548c;font:750 12px Inter,sans-serif;cursor:pointer}.q-toolbar .q-primary{background:#6e5bd9;border-color:#6e5bd9;color:#fff;box-shadow:0 9px 20px #7668c72c}.q-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:23px;align-items:start}.q-editor{display:grid;gap:16px}.q-block,.q-preview-wrap{background:#fff;border:1px solid #eae4f5;border-radius:24px;padding:23px;box-shadow:0 14px 35px #67558f0a}.q-block-header{display:flex;gap:12px;align-items:center;margin-bottom:20px}.q-block-header h2{font-size:17px;font-weight:800;color:#382d56;letter-spacing:-.035em;margin:0}.q-step{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#f0eaff;color:#755ed2;font-size:12px;font-weight:850}.q-fields{display:grid;gap:14px}.q-fields label,.q-adjust label{font-size:12px;font-weight:760;color:#625874}.q-fields input,.q-fields select,.q-fields textarea,.q-adjust input,.q-line input{display:block;width:100%;min-width:0;border:1px solid #e6e0f0;border-radius:11px;padding:11px 12px;background:#fdfcff;color:#34294d;font:500 13px Inter,system-ui,sans-serif;margin-top:6px}.q-fields textarea{resize:vertical}.q-fields :is(input,select,textarea):focus,.q-line input:focus,.q-adjust input:focus{outline:2px solid #9481df;outline-offset:1px}.q-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.q-line{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,.7fr) minmax(0,1fr) 34px;gap:8px;align-items:end;padding:11px 0;border-bottom:1px solid #f0edf6}.q-line label{font-size:11px;color:#797189;font-weight:740}.q-line button{height:40px;border-radius:10px;background:#faf2f5;border:1px solid #f0dfe8;color:#a35f7d;cursor:pointer;font-size:20px}.q-add{margin-top:14px;border-radius:12px;border:1px dashed #b4a5e5;color:#6b55c5;background:#f8f5ff;padding:13px;font:750 12px Inter,sans-serif;width:100%;cursor:pointer}.q-adjust{margin-top:19px}.q-hint,.q-preview-note{font-size:11px;line-height:1.65;color:#8a8397}.q-preview-wrap{position:sticky;top:20px;padding:17px;background:#f2effb}.q-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.q-preview-header strong{display:block;font-size:14px}.q-preview-header small{color:#8b829a;font-size:11px}.q-live{font-size:11px;font-weight:750;color:#239e72}.q-preview{background:#fff;box-shadow:0 9px 30px #504b8019;min-height:600px;overflow:hidden;border-radius:5px;padding:clamp(18px,3vw,37px);color:#302a44}.q-doc-top{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:2px solid #eee9fa;padding-bottom:24px}.q-doc-brand{font-size:19px;font-weight:850;word-break:break-word}.q-doc-info{font-size:10px;line-height:1.7;color:#7a7388;white-space:pre-line;overflow-wrap:anywhere;margin-top:7px}.q-doc-type{font-size:24px;letter-spacing:-.06em;font-weight:860;color:#6e59d8;text-align:right}.q-doc-number{font-size:11px;color:#7c7493;text-align:right;margin-top:5px}.q-doc-details{display:flex;justify-content:space-between;gap:18px;margin:23px 0 25px}.q-doc-details>div{flex:1;min-width:0}.q-doc-label{display:block;font-size:9px;letter-spacing:.1em;color:#9a90ab;font-weight:840;margin-bottom:7px}.q-doc-details strong{font-size:13px;display:block;overflow-wrap:anywhere}.q-doc-title{font-size:15px;font-weight:800;margin-bottom:14px}.q-doc-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}.q-doc-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9a91aa;background:#f6f3fc}.q-doc-table th,.q-doc-table td{padding:11px 8px;border-bottom:1px solid #eeeaf3;vertical-align:top;overflow-wrap:anywhere}.q-doc-table th:nth-child(n+2),.q-doc-table td:nth-child(n+2){text-align:right}.q-doc-totals{margin:20px 0 0 auto;max-width:270px}.q-doc-totals>div{display:flex;justify-content:space-between;gap:14px;font-size:11px;padding:7px 0;color:#756b89}.q-doc-totals .q-doc-grand{border-top:2px solid #e8e0f4;font-size:17px;font-weight:850;color:#48346a;padding-top:13px}.q-doc-notes{border-top:1px solid #ece7f5;padding-top:19px;margin-top:27px;color:#6e6683;font-size:11px;white-space:pre-line;overflow-wrap:anywhere}.q-info{max-width:1000px;margin:75px auto 0;color:#645b76}.q-info h2{font-size:clamp(22px,3vw,32px);color:#332b4b;letter-spacing:-.04em;margin:28px 0 12px}.q-info>p{line-height:1.8}.q-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.q-info-grid>div{border:1px solid #e7dff6;background:white;padding:22px;border-radius:20px}.q-info-grid h3{font-size:16px;color:#3d3254}.q-info-grid p,.q-info details p{font-size:13px;line-height:1.8}.q-info a{color:#6753c3;font-weight:800}.q-info details{padding:17px 0;border-bottom:1px solid #e8e1f3}.q-info summary{cursor:pointer;font-weight:750;color:#3b3154}.q-modal{position:fixed;inset:0;z-index:1000;background:#30234d89;display:grid;place-items:center;padding:20px}.q-modal[hidden]{display:none}.q-modal-card{background:white;width:min(520px,100%);max-height:80vh;overflow:auto;padding:25px;border-radius:24px;box-shadow:0 28px 90px #24193a4d}.q-modal-top{display:flex;justify-content:space-between;align-items:center}.q-modal-top h2{font-size:21px;font-weight:800}.q-modal-top button{background:#f1edfa;border:0;border-radius:10px;padding:6px 12px;font-size:25px;cursor:pointer}.q-draft{border:1px solid #ebe5f7;border-radius:14px;padding:13px;margin-top:10px;display:flex;justify-content:space-between;gap:9px;align-items:center}.q-draft small{display:block;color:#827991;font-size:10px;margin-top:4px}.q-draft button{border:1px solid #e0d5f5;border-radius:9px;padding:8px;color:#6852c3;background:#f7f4ff;cursor:pointer;font-size:11px}.q-draft .q-delete{color:#ab617a;background:#fff5f8}.q-save-msg{font-size:12px;color:#5b4c82}@media(max-width:950px){.q-workspace{grid-template-columns:1fr}.q-preview-wrap{position:static}.q-info-grid{grid-template-columns:1fr}}@media(max-width:540px){.q-main{padding:125px 12px 65px}.q-block{padding:18px;border-radius:18px}.q-preview-wrap{padding:12px}.q-toolbar,.q-toolbar-right,.q-tabs{width:100%}.q-toolbar button,.q-import{flex:1}.q-two{grid-template-columns:1fr}.q-line{grid-template-columns:minmax(0,1.5fr) 60px 83px 30px;gap:5px}.q-line input{font-size:11px;padding:9px 6px}.q-preview{padding:16px}.q-doc-table{font-size:9px}.q-doc-table th,.q-doc-table td{padding:9px 4px}.q-doc-type{font-size:20px}.q-doc-details{gap:9px}.q-doc-brand{font-size:15px}}@media print{@page{size:A4;margin:13mm}html,body{background:#fff!important}body *{visibility:hidden!important}.q-preview,.q-preview *{visibility:visible!important}.q-preview{position:absolute;left:0;top:0;width:100%;box-shadow:none!important;border:0;padding:0;min-height:0;overflow:visible}.q-preview-wrap,.q-workspace,.q-main{display:block!important;position:static!important;overflow:visible!important}.q-doc-top,.q-doc-details,.q-doc-totals,.q-doc-notes,.q-doc-table tr{break-inside:avoid}a{text-decoration:none!important}}
/* Business-document palette, clear action hierarchy, and styled feedback */
.q-preview{color:#172b42}
.q-doc-top{border-bottom-color:#d9e1e9}
.q-doc-brand{color:#172b42}
.q-doc-type{color:#244b73}
.q-doc-table th{background:#eef2f6;color:#40536a}
.q-doc-table th,.q-doc-table td{border-bottom-color:#e6ebf0}
.q-doc-totals .q-doc-grand{color:#153754;border-top-color:#bdcad7}
.q-doc-label{color:#64748b}
.q-doc-info,.q-doc-totals>div{color:#556579}
.q-toolbar-hint{color:#7c7491;font-size:12px;font-weight:650}
.q-main{padding-bottom:155px}
.q-floating{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:150;display:flex;gap:10px;padding:10px;background:rgba(255,255,255,.95);border:1px solid #e7dff4;box-shadow:0 14px 60px #30254c35;border-radius:20px;backdrop-filter:blur(16px);width:min(460px,calc(100vw - 26px))}
.q-floating button{border:0;border-radius:13px;padding:16px 17px;font:800 14px Inter,system-ui,sans-serif;cursor:pointer;min-height:52px}
.q-floating-save{flex:1;background:#f0edfa;color:#4d4173}
.q-floating-download{flex:1.35;background:#24527b;color:#fff;box-shadow:0 8px 21px #24527b3b}
.q-floating-download span{font-size:19px;margin-right:7px}
.q-floating button:focus-visible,.q-confirm button:focus-visible{outline:3px solid #7e69d8;outline-offset:3px}
.q-toast{position:fixed;z-index:1100;right:20px;top:90px;max-width:min(390px,calc(100vw - 40px));padding:14px 20px;background:#fff;border:1px solid #e2dcef;border-left:4px solid #6555c5;border-radius:14px;color:#382d55;box-shadow:0 12px 40px #332a4a35;font-size:13px;font-weight:700}
.q-toast[hidden],.q-confirm[hidden]{display:none}
.q-confirm{position:fixed;inset:0;background:#211b3780;z-index:1100;display:grid;place-items:center;padding:20px}
.q-confirm-card{background:#fff;border:1px solid #e5def3;box-shadow:0 22px 70px #211b3760;border-radius:22px;padding:26px;width:min(430px,100%);color:#433658}
.q-confirm-card strong{font-size:21px}
.q-confirm-card p{font-size:14px;line-height:1.7;margin:12px 0 23px}
.q-confirm-actions{display:flex;gap:9px;justify-content:end}
.q-confirm-actions button{border-radius:11px;padding:11px 17px;cursor:pointer;font:750 13px Inter,sans-serif}
#q-confirm-cancel{background:#f7f4fb;color:#51486b;border:1px solid #e7dff1}
#q-confirm-ok{background:#624ebd;color:#fff;border:1px solid #624ebd}
@media(max-width:550px){.q-floating{bottom:max(10px,env(safe-area-inset-bottom));border-radius:16px;padding:7px;gap:7px}.q-floating button{font-size:12px;padding:12px 8px;min-height:47px}.q-toast{top:auto;bottom:92px;left:15px;right:15px;max-width:none}.q-main{padding-bottom:145px}}
@media print{.q-floating,.q-toast,.q-confirm{display:none!important}.q-preview{color:#172b42!important}.q-doc-type{color:#244b73!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.q-floating{width:min(535px,calc(100vw - 26px))}.q-floating-save{flex:.9}.q-floating-print{flex:.65;background:#fff;color:#6453bd;border:1px solid #e2d8f5!important}.q-floating-download{flex:1.4;background:linear-gradient(115deg,#6754d7,#8462dc);color:white;box-shadow:0 9px 22px #7257cf46}.q-floating-download:disabled{opacity:.6;cursor:wait;box-shadow:none}@media(max-width:550px){.q-floating{width:calc(100vw - 20px);gap:5px}.q-floating button{font-size:11px;padding:11px 4px}.q-floating-download span{margin-right:2px;font-size:14px}}