@font-face{font-family:'DejaVu Sans';src:url('assets/DejaVuSans.ttf')}@font-face{font-family:'DejaVu Sans';src:url('assets/DejaVuSans-Bold.ttf');font-weight:700}
:root{font-family:'DM Sans','IBM Plex Sans Arabic',Arial,sans-serif;color:#10243c;background:#f3f6f8;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69c8ef;outline-offset:2px}.topbar{background:#07395b;color:white;border-bottom:4px solid #149bd7}.top-inner{max-width:1400px;margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;gap:24px}.brand{width:200px;max-height:34px;object-fit:contain;object-position:left center}.top-inner span{font-size:.75rem;letter-spacing:.14em;font-weight:700;color:#bfd9e7}.top-inner b{color:#1ca4dd;padding:0 6px}.shell{max-width:1400px;margin:auto;padding:32px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:20px}.eyebrow{color:#158bc3;font-size:.72rem;font-weight:700;letter-spacing:.16em;margin:0 0 8px}.intro h1{font-size:2.25rem;letter-spacing:-.04em;line-height:1.1;margin:0 0 8px}.intro p:not(.eyebrow){color:#526679;margin:0}.step-label{font-size:.78rem;font-weight:700;color:#546b7c;white-space:nowrap}.step-label span{color:#18a2db}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:24px;align-items:start}.editor,.right{display:grid;gap:18px}.card,.preview-card,.share-card{background:white;border:1px solid #dbe5ec;box-shadow:0 8px 28px rgba(9,47,77,.045);border-radius:14px;padding:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-head>div:first-child{display:flex;align-items:center;gap:12px}.section-number{display:grid;place-items:center;background:#e8f6fb;color:#0788bd;border-radius:7px;width:31px;height:31px;font-size:.75rem;font-weight:700}.section-head h2,.share-card h2{font-size:1.06rem;margin:0;letter-spacing:-.02em}.segmented,.lang-switch{display:flex;background:#edf3f6;padding:4px;border-radius:9px;gap:3px}.segmented button,.lang-switch button{border:0;background:none;border-radius:6px;padding:8px 11px;color:#456078;font-size:.8rem;font-weight:700;white-space:nowrap}.segmented .active,.lang-switch .active{background:#0b365f;color:white;box-shadow:0 2px 5px #0b365f25}.helper{color:#617485;font-size:.87rem;line-height:1.5;margin:0 0 4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:block;color:#2b4056;font-size:.81rem;font-weight:700;line-height:1.5}.form-grid label span{color:#de5c55}.form-grid label small{float:right;color:#8193a0;font-weight:500}.form-grid .full{grid-column:1/-1}input:not([type=checkbox]):not([type=radio]),select{width:100%;border:1px solid #cfdde6;background:#fcfdfe;border-radius:7px;height:42px;padding:0 12px;color:#152e46;margin-top:6px;font-size:.9rem}input::placeholder{color:#a0adb9}select{appearance:auto}.field-title{font-size:.87rem;color:#123d60;font-weight:700;margin:2px 0 13px}.optional{font-size:.72rem;color:#8297a4;font-weight:500;margin-left:4px}.rate-note{margin-top:13px;background:#eaf6fc;color:#0b6799;padding:10px 12px;border-radius:6px;font-size:.82rem;font-weight:700}.divider{height:1px;background:#e4ebf0;margin:24px 0}.counter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7edf1;padding:16px 0}.counter-row strong,.check-row strong{display:block;font-size:.85rem}.counter-row small,.check-row small{display:block;color:#728696;font-size:.76rem;line-height:1.5;margin-top:2px}.counter{display:flex;align-items:center;border:1px solid #ccdae4;border-radius:8px;overflow:hidden;flex:none}.counter button{border:0;background:#eef7fb;color:#0d6694;font-size:1.2rem;font-weight:600;width:32px;height:34px}.counter button:hover{background:#d5edf7}.counter output{min-width:36px;text-align:center;font-size:.85rem;font-weight:700}.check-row{display:flex;gap:11px;border:1px solid #cfdde6;border-radius:8px;padding:15px;margin-top:8px;cursor:pointer}.check-row:has(input:checked){border-color:#159bd3;background:#f3fbfe}.check-row input{accent-color:#118fca;margin-top:3px;flex:none}.tag{font-size:.68rem;letter-spacing:.1em;color:#168abf;border:1px solid #b8e2f4;border-radius:6px;padding:5px 8px;font-weight:700}.package-list{display:grid;gap:9px;margin-top:18px}.package{display:flex;align-items:center;gap:11px;border:1px solid #d4e0e8;border-radius:8px;padding:14px;cursor:pointer}.package:has(input:checked){border:2px solid #139ad6;background:#f1faff;padding:13px}.package input{accent-color:#139ad6}.package span{flex:1}.package strong,.package small{display:block}.package strong{font-size:.86rem}.package small{font-size:.75rem;color:#748796;margin-top:3px}.package b{font-size:.84rem;color:#0b365f;white-space:nowrap}.extra{margin-top:14px}.preview-card{padding:0;overflow:hidden;position:relative;border-top:5px solid #139ad6}.preview-top{padding:22px 25px;display:flex;align-items:flex-start;justify-content:space-between}.preview-top h2{font-size:1.2rem;margin:0}.preview-top>span{font-size:.75rem;color:#7990a0}.preview-client{padding:19px 25px;background:#f6f9fb;border-top:1px solid #e5edf1;border-bottom:1px solid #e5edf1;display:grid;gap:3px}.preview-client span{font-size:.63rem;font-weight:700;letter-spacing:.13em;color:#7290a4}.preview-client strong{font-size:1.05rem}.preview-client small{color:#658092}.items{padding:10px 25px}.item{padding:13px 0;border-bottom:1px solid #e7edf1;display:flex;justify-content:space-between;gap:15px}.item:last-child{border-bottom:0}.item strong{display:block;font-size:.84rem}.item small{display:block;color:#728697;font-size:.75rem;margin-top:3px}.item b{font-size:.85rem;white-space:nowrap}.totals{background:#f5f9fc;padding:17px 25px;display:grid;gap:9px}.totals>div{display:flex;justify-content:space-between;color:#587084;font-size:.83rem}.totals b{color:#12344f}.totals .grand{border-top:1px solid #cedde7;padding-top:13px;margin-top:4px;font-size:1.05rem;font-weight:700;color:#0b365f}.totals .grand b{color:#087daf}.benefit{margin:16px 25px 0;padding:12px 14px;background:#eaf7fc;border-left:3px solid #139ad6;color:#075986;font-size:.81rem;font-weight:700}.validity{color:#8092a0;font-size:.71rem;line-height:1.5;padding:16px 25px 20px;margin:0}.share-card h2{font-size:1.1rem}.share-card>p{color:#647a8a;font-size:.82rem;line-height:1.5;margin:8px 0 18px}.primary{background:#139ad6;color:white;border:0;border-radius:8px;width:100%;padding:13px 17px;text-align:left;display:flex;justify-content:space-between;font-weight:700;box-shadow:0 5px 11px #0c82ba26}.primary:hover{background:#0b83bd}.validation{color:#aa3c35!important;min-height:0;margin:8px 0!important}.share-block{padding:16px 0;border-top:1px solid #e5ecf0}.share-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.share-head b{font-size:.84rem}.share-head span{font-size:.74rem;color:#6b8292;overflow-wrap:anywhere;text-align:right}.actions{display:flex;gap:8px}.actions button{border:1px solid #c8d9e3;background:white;color:#0d5e88;border-radius:7px;padding:8px 12px;font-size:.78rem;font-weight:700}.actions button:hover{background:#eaf6fc}.share-card .attach-note{background:#f2f7fa;padding:12px;border-radius:7px;color:#476478;margin:0;font-size:.75rem}footer{text-align:center;color:#718596;font-size:.72rem;padding:30px 20px 40px}footer span{color:#149bd7;padding:0 5px}.hidden{display:none!important}@media(max-width:950px){.workspace{grid-template-columns:1fr}.right{grid-template-columns:1fr 1fr;align-items:start}.intro{align-items:flex-start;flex-direction:column}.step-label{white-space:normal}}@media(max-width:720px){.shell{padding:20px 14px}.top-inner{padding:12px 16px}.top-inner span{display:none}.intro h1{font-size:1.85rem}.right{grid-template-columns:1fr}.card,.share-card{padding:20px}.section-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.package{flex-wrap:wrap}.package b{margin-left:27px}.share-head{flex-direction:column;gap:2px}.share-head span{text-align:left}}
.handoff{display:grid;gap:10px}.handoff p{margin:0 0 3px;color:#617485;font-size:.82rem;line-height:1.5}.handoff-check{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:600;color:#24435a;cursor:pointer}.handoff-check input{accent-color:#139ad6;width:17px;height:17px}.handoff-check:has(input:disabled){color:#8b9eaa;cursor:default}.payment-reference{font-size:.8rem;font-weight:700;color:#2b4056}.payment-reference small{font-weight:400;color:#7b8f9d;margin-left:4px}.actions button:disabled{opacity:.48;cursor:not-allowed}.actions button:disabled:hover{background:white}
.top-link{color:#fff;font-size:.84rem;font-weight:700;text-decoration:none;border:1px solid #77bad7;border-radius:7px;padding:8px 12px}.top-link:hover{background:#ffffff20}.save-panel{border:1px solid #c7e4f1;background:#f1faff;border-radius:9px;padding:15px;margin:14px 0 18px;display:grid;gap:8px}.save-panel strong{font-size:.89rem}.save-panel p{margin:0;color:#577184;font-size:.79rem;line-height:1.5}.save-panel button{border:0;border-radius:7px;background:#0b365f;color:white;padding:10px 13px;font-weight:700}.save-panel button:disabled{opacity:.5;cursor:not-allowed}.save-panel a{color:#0b6698;font-size:.83rem;font-weight:700}.save-panel span{color:#476478;font-size:.78rem;line-height:1.4}.top-inner{flex-wrap:wrap}.top-inner .top-link{margin-left:auto}@media(max-width:720px){.top-link{font-size:.75rem;padding:7px 9px}.top-inner .top-link{margin-left:auto}}
.records-shell{max-width:1160px;min-height:70vh}.records-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.records-heading h1{font-size:2.15rem;margin:0 0 7px}.records-heading p:not(.eyebrow){color:#617485;margin:0}.new-link{background:#139ad6;color:white;text-decoration:none;border-radius:8px;padding:12px 17px;font-size:.86rem;font-weight:700;white-space:nowrap}.records-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;background:white;border:1px solid #dbe5ec;border-radius:12px;padding:14px;margin-bottom:18px}.records-controls>input{width:min(300px,100%)!important;margin:0!important}.records-controls .segmented button{font-size:.85rem}.records-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.record-card{background:white;border:1px solid #dbe5ec;border-radius:12px;padding:18px;box-shadow:0 8px 28px rgba(9,47,77,.04)}.record-head{display:flex;justify-content:space-between;gap:14px}.record-head strong,.record-head small{display:block}.record-head strong{font-size:1rem}.record-head small{color:#6e8494;margin-top:4px;font-size:.78rem}.record-head b{color:#0b6698;font-size:.85rem;white-space:nowrap}.record-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#637d8f;font-size:.78rem;margin:14px 0}.record-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #e7edf1;padding-top:12px}.record-actions select{width:auto;min-width:140px;margin:0}.record-actions button,.record-edit,.client-view{background:white;border:1px solid #c8d9e3;color:#0d5e88;border-radius:7px;padding:9px 12px;font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer}.record-actions .delete-button{color:#a24741}.result-count{font-size:.82rem;color:#667e8f;margin:0 0 12px}.empty-records{background:white;border:1px dashed #c9d9e3;border-radius:12px;padding:32px;color:#60788b}.records-note{color:#71899a;font-size:.78rem;line-height:1.5;margin-top:20px}#records-message{color:#a33d37;font-size:.84rem}@media(max-width:720px){.records-heading{align-items:flex-start;flex-direction:column}.records-heading h1{font-size:1.75rem}.records-controls{align-items:stretch;flex-direction:column}.records-controls .segmented{width:100%}.records-controls .segmented button{flex:1;padding:8px 5px}.records-grid{grid-template-columns:1fr}.record-head{flex-direction:column;gap:5px}.record-actions select{flex:1}}
.terms-label{display:block;color:#2b4056;font-size:.85rem;font-weight:700;margin:14px 0 6px}textarea{font:inherit;width:100%;min-height:125px;resize:vertical;border:1px solid #cfdde6;background:#fcfdfe;border-radius:7px;padding:12px;color:#152e46;line-height:1.5}textarea:focus-visible{outline:3px solid #69c8ef;outline-offset:2px}.preview-terms{padding:0 25px 20px;color:#334e61;font-size:.82rem}.preview-terms strong{color:#0b365f}.preview-terms p{white-space:pre-wrap;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}
.internal-options{margin-top:14px;border-top:1px solid #e4ebf0;padding-top:12px}.internal-options summary{cursor:pointer;color:#577184;font-size:.82rem;font-weight:700}.internal-options summary:focus-visible{outline:3px solid #69c8ef;outline-offset:2px}.internal-options .check-row{margin-top:12px}.preview-client #preview-rep{margin-top:7px;color:#395f77;font-weight:600}
.contract-summary{cursor:pointer;color:#0b365f;font-weight:700;font-size:1rem}.contract-summary:focus-visible{outline:3px solid #69c8ef;outline-offset:2px}.contract-intro{color:#617485;font-size:.83rem;line-height:1.6;margin:14px 0}.contract-fields{margin:16px 0}.contract-package{background:#eef7fb;border-radius:7px;padding:12px;color:#0b365f;font-size:.83rem;font-weight:700;line-height:1.5}.contract-fields label small{float:none;display:block;font-size:.7rem}
.tiny-add{margin-top:8px;border:0;background:transparent;color:#0b6698;font-size:.75rem;font-weight:700;padding:6px 2px;cursor:pointer}.tiny-add:focus-visible{outline:3px solid #69c8ef;outline-offset:2px}.presenter-fields{margin:7px 0 0;padding:13px;border:1px solid #dce9ef;border-radius:8px;background:#f8fcfe}.presenter-fields label{display:block;font-size:.8rem;font-weight:700}.presenter-fields input{max-width:130px;margin-top:7px}.presenter-fields small{display:block;color:#667e8f;font-size:.75rem;margin-top:8px}.custom-fields{border-top:1px solid #e7edf1;margin-top:16px;padding-top:12px}.share-block>p{font-size:.78rem;color:#60788b;line-height:1.5}.mail-preview{border:1px solid #dce6ed;background:#f8fbfd;border-radius:8px;padding:11px;margin:10px 0 13px;font-size:.77rem;line-height:1.45;overflow-wrap:anywhere}.mail-preview>div{margin-bottom:5px}.mail-preview pre{font:inherit;white-space:pre-wrap;margin:10px 0 0;border-top:1px solid #e1ebf0;padding-top:10px;max-height:230px;overflow:auto}.mail-details{margin:12px 0}.mail-details summary{font-size:.8rem;font-weight:700;color:#0b6698;cursor:pointer}
.save-details{display:block}.save-details summary{cursor:pointer;font-size:.85rem;font-weight:700;color:#0b365f}.save-details:not([open])>:not(summary){display:none}.save-details[open]>*:not(summary){display:block;margin-top:8px}
.contract-client{font-size:.82rem;color:#395f77;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}