@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{--ink:#00263b;--muted:#718080;--teal:#d95709;--border:#e1e8e5;--paper:#f7f8fa;--dark:#00263b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}input{width:100%;color:var(--ink);background:#fff;border:1px solid #d8e1dc;border-radius:7px;padding:12px 13px}input:focus{outline-offset:2px;outline:2px solid #ff650b}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{letter-spacing:-1.7px;margin:10px 0 13px;font-size:40px;font-weight:750;line-height:1.2}h2{letter-spacing:-.5px;margin:0;font-size:20px}h3{margin:18px 0 8px;font-size:18px}p{color:var(--muted);margin:0 0 20px;line-height:1.7}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:236px;padding:34px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.brand-icon{background:var(--dark);color:#fff;border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.brand-sub{letter-spacing:3px;margin-top:2px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;display:block}.workspace-label{letter-spacing:1.6px;color:#8d9998;margin:49px 10px 16px;font-size:9px;font-weight:700}nav button{text-align:left;color:#697878;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:7px;padding:13px 12px;font-weight:600;display:flex}nav .nav-active{color:#a3460d;background:#fff1e7}nav button span{margin-left:auto;font-size:11px}.side-bottom{color:#385c58;margin-top:auto;padding:26px 10px 0}.side-bottom strong{margin:14px 0 10px;font-size:18px;display:block}.side-bottom p{font-size:12px}.avatar{background:#eaece5;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:32px;margin-bottom:10px;font-size:11px;display:grid}.side-bottom b{font-size:12px}.side-bottom small{color:#7a8986;margin-top:4px;font-size:11px;display:block}.main{width:calc(100% - 236px);margin-left:236px}header{border-bottom:1px solid var(--border);color:#70817d;background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 46px;font-size:12px;display:flex}.slash{color:#b6bfba;margin:0 15px}.small-brand{color:#15353a;letter-spacing:-.5px;font-family:Manrope;font-size:16px;font-weight:800}.small-brand span{color:#4e8478}main{max-width:1330px;margin:auto;padding:43px 46px 24px}.eyebrow{letter-spacing:2px;color:#66867b;margin-bottom:8px;font-size:10px;font-weight:700}.heading-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.heading-row p{font-size:14px}.primary,.secondary{border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#fff;background:var(--teal);box-shadow:0 3px 8px #163f3610}.primary:hover{background:#b94405}.secondary{background:#fff;border:1px solid #d9e3dc}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 32px;display:grid}.stats>div{border:1px solid var(--border);background:#fff;border-radius:10px;padding:23px}.stats span{color:#60756e;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stats svg{color:#759187}.stats strong{letter-spacing:-1px;margin:15px 0 3px;font-family:Manrope;font-size:37px;font-weight:600;display:block}.stats small{color:#8a9690;font-size:11px}.agreements{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.section-top{justify-content:space-between;align-items:center;padding:25px 26px 20px;display:flex}.section-top span{color:#91a098;font-size:12px}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:0 26px;display:flex}.tabs{gap:18px;display:flex}.tabs button{color:#85918b;border-bottom:2px solid #0000;padding:13px 0 17px;font-size:12px}.tabs .selected{color:#b64c0a;border-color:#ff650b;font-weight:700}.search{color:#9aa49e;align-items:center;gap:6px;display:flex}.search input{border:0;width:165px;padding:8px;font-size:12px}.empty{text-align:center;padding:51px 20px 48px}.empty-icon{color:#678e7c;background:#f1f5ee;border-radius:14px;place-items:center;width:65px;height:65px;margin:auto;display:grid;position:relative}.empty-icon span{color:#fff;background:#4d876e;border:3px solid #fff;border-radius:50%;padding:3px;display:flex;position:absolute;bottom:-4px;right:-4px}.empty p{margin-bottom:21px;font-size:12px}.workflow{grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 45px;display:grid}.workflow>div{padding:5px 12px}.workflow span{color:#8fa095;margin-right:14px;font-family:Manrope;font-size:12px}.workflow b{font-size:12px}.workflow p{color:#8c9791;margin:9px 0 0 30px;font-size:11px}footer{border-top:1px solid var(--border);color:#8b9890;justify-content:space-between;gap:10px;padding-top:22px;font-size:11px;display:flex}footer span:first-child{color:#567364;font-weight:700}.welcome{background:#f0f3f6;border:1px solid #dce3e9;border-radius:12px;grid-template-columns:1.5fr 1fr;gap:30px;margin:22px 0;padding:32px;display:grid}.welcome h2{margin:14px 0 10px}.welcome p{max-width:460px;font-size:13px}.paper-art{background:#fff;border:1px solid #dde4da;justify-self:center;max-width:290px;padding:25px;position:relative;transform:rotate(3deg);box-shadow:0 7px 15px #264c3520}.paper-art>span{margin:15px 0;font-family:Manrope;font-size:21px;font-weight:800;display:block}.paper-art i{color:#2c6e5c;font:italic 24px Georgia}.seal{color:#4d8562;border:2px solid #90b195;border-radius:50%;padding:7px;position:absolute;bottom:12px;right:12px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0d252b88;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:15px;width:580px;max-width:100%;max-height:95vh;padding:35px;position:relative;overflow:auto;box-shadow:0 25px 100px #071c2444}.modal h2{margin:12px 0;font-size:27px}.modal p{font-size:13px}.close{color:#80918b;padding:5px;position:absolute;top:15px;right:15px}label{margin:18px 0 8px;font-size:12px;font-weight:600;display:block}label input{margin-top:8px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.upload{text-align:center;background:#f5f8f2;border:1px dashed #aebfb4;border-radius:8px;padding:23px}.upload svg{margin:0 auto 10px;display:block}.upload small{color:#829287;margin:8px;font-weight:400;display:block}.upload input{background:0 0;border:0;font-size:11px}.full{width:100%;margin-top:12px}.note{color:#849189;margin-top:15px;line-height:1.6;font-size:11px!important}.note a{text-decoration:underline}.alert{color:#96512e;background:#fff2e9;border-radius:7px;justify-content:space-between;margin:14px 0;padding:14px;display:flex}.teal{color:var(--teal)}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{letter-spacing:1px;color:#8a9990;background:#fafbf9;padding:14px 22px;font-size:9px}td{border-top:1px solid #edf0eb;padding:20px 22px}td small{color:#8b9a91;margin-top:4px;font-size:10px;display:block}.doc-title{align-items:center;gap:10px;display:flex}.doc-title span{color:#c46223;background:#fff1e7;border-radius:7px;padding:9px}.badge{white-space:nowrap;color:#9a7933;background:#fff3dd;border-radius:5px;padding:5px 8px;font-size:10px}.badge.completed{color:#33784f;background:#e7f3e9}.badge.voided{color:#888;background:#eee}.icon-button{color:#4b7663;padding:5px;display:inline-flex}.text-button{color:#7b8c82;padding:6px;font-size:11px;text-decoration:underline}.sign-shell>header{height:90px;padding:0 max(5%,24px)}.sign-shell main{max-width:1300px;padding-top:45px}.sign-shell header a:last-child{font-size:12px}.sign-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:25px;margin:30px 0 40px;display:grid}.document-card,.sign-card{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.document-heading{justify-content:space-between;gap:15px;padding:22px;display:flex}.document-heading h2{margin-bottom:5px;font-size:17px}.document-heading small{color:#7b8c82;font-size:11px}.document-card iframe{background:#e4e8e1;border:0;width:100%;height:680px}.document-card>.note{padding:0 20px}.sign-card{padding:27px}.sign-card h2{margin:10px 0;font-size:26px}.step{letter-spacing:2px;color:#71927e;font-size:9px}.sign-card p{font-size:12px}.signature-preview,canvas{background:#f8faf5;border:1px solid #dbe3da;border-radius:7px;width:100%;height:110px;margin:14px 0}.signature-preview{color:#00263b;justify-content:center;align-items:center;font:italic 30px Georgia;display:flex;overflow:hidden}canvas{touch-action:none;display:block}.check-label{align-items:start;gap:10px;font-size:11px;font-weight:400;line-height:1.6;display:flex}.check-label input{width:16px;height:16px;accent-color:var(--teal);flex-shrink:0;margin:2px 0}.success-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:15px;max-width:700px;margin:45px auto 90px;padding:60px 45px}.success-icon{color:#d95709;background:#fff0e3;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 26px;display:grid}.success-card .primary{margin:18px}.receipt-note{text-align:left;color:#688373;background:#f2f6ee;align-items:center;gap:12px;margin-top:25px;padding:18px;font-size:12px;display:flex}.receipt-note svg{flex-shrink:0}@media (min-width:1500px){main{padding-top:60px}.empty{padding:80px 20px}}@media (max-width:1000px){aside{width:195px;padding:28px 15px}.main{width:calc(100% - 195px);margin-left:195px}main{padding:32px 25px}.toolbar{flex-wrap:wrap;padding:0 18px 10px}.tabs{gap:12px}.stats{gap:10px}.stats>div{padding:18px}.stats small{font-size:10px}.sign-grid{grid-template-columns:1fr}.document-card iframe{height:600px}.welcome{grid-template-columns:1fr}.paper-art{display:none}}@media (max-width:680px){aside{border-right:0;border-bottom:1px solid var(--border);width:100%;padding:18px 22px;position:static}aside .brand{font-size:21px}.workspace-label,nav,.side-bottom{display:none}.shell{display:block}.main{width:100%;margin:0}.main header{display:none}main{padding:30px 20px}.heading-row{flex-direction:column;align-items:start}h1{font-size:34px}.heading-row .primary{width:100%;margin-top:5px}.stats{gap:8px;margin-top:22px}.stats>div{padding:13px 10px}.stats span{font-size:10px;line-height:1.5}.stats svg{display:none}.stats strong{font-size:28px}.stats small{display:none}.tabs{gap:15px}.tabs button{font-size:11px}.workflow{grid-template-columns:1fr;gap:6px;margin:20px 0}.workflow>div{padding:9px}.workflow p{margin-top:4px}footer{flex-direction:column;font-size:10px}.modal{padding:28px 23px}.form-grid{grid-template-columns:1fr;gap:0}.sign-shell header{height:80px}.sign-shell header a:last-child{text-align:right;max-width:110px}.sign-shell main{padding:30px 18px}.sign-card{padding:23px}.document-card iframe{height:480px}.success-card{padding:35px 22px}.welcome{padding:24px}}.brand-logo{width:118px;height:auto;display:block}.brand-word{letter-spacing:2px;color:#00263b;border-left:1px solid #dce3e9;padding-left:12px;font:700 11px Manrope}.brand{gap:12px}.stepper{background:#fff;border:1px solid #e1e6e9;border-radius:10px;align-items:center;gap:18px;margin:24px 0 30px;padding:18px 22px;display:flex}.stepper span{color:#74828a;align-items:center;gap:9px;font-size:12px;display:flex}.stepper b{color:#526472;background:#f0f3f5;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.stepper .active{color:#00263b;font-weight:600}.stepper .active b{color:#c4580e;background:#fff0e2}.action-row{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.event-list{padding:0;list-style:none}.event-list li{border-bottom:1px solid #edf0f3;padding:14px 0;font-size:13px}.event-list small{color:#85919a;margin-top:5px;display:block}.template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:20px 0;display:grid}.template-card{background:#fff;border:1px solid #e1e6eb;border-radius:10px;padding:22px}.help-strip{background:#fff;border:1px solid #e1e6eb;border-radius:10px;justify-content:space-between;align-items:center;margin-top:24px;padding:20px;display:flex}.help-strip p{margin:0;font-size:12px}.client-start{padding:16px 22px!important;font-size:16px!important}.sign-card p,.check-label{font-size:13px}.sign-card .note{font-size:11px!important}.sign-card label{font-size:13px}.sign-card .primary{min-height:50px}.details-grid{grid-template-columns:1fr 1fr;gap:15px;padding:20px 0;display:grid}.details-grid small{color:#89959c;margin-bottom:5px;display:block}.details-grid b{font-size:13px}.details-grid div{overflow-wrap:anywhere}.brand-icon{background:#00263b}.signature-preview{color:#00263b}.main header .small-brand span,.teal{color:#ff650b}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #ff650b}@media (max-width:680px){.stepper{gap:10px;padding:14px 10px}.stepper span{font-size:10px}.stepper b{width:22px;height:22px}.form-grid{grid-template-columns:1fr}.primary,.secondary{min-height:46px}.help-strip{align-items:start;gap:12px}.brand-logo{width:93px}.brand-word{padding-left:7px;font-size:9px}.sign-shell header{gap:15px}.sign-shell header a:last-child{font-size:11px}}select{width:100%;font:inherit;color:#00263b;background:#fff;border:1px solid #d8e1dc;border-radius:7px;margin-top:8px;padding:12px}.contract-link{text-align:left;padding:5px 0;line-height:1.5}.contract-link:hover{text-decoration:underline}.document-card>.client-start{width:calc(100% - 40px);margin-left:20px}.sign-card .tabs button{padding:14px 20px}.sign-card .tabs{gap:8px}.sign-card .signature-preview{font-size:34px}.countersign{background:#fff7f1;border:1px solid #ffd7bd;border-radius:9px;margin:20px 0;padding:18px}.badge.customer_signed{color:#b34b08;background:#fff0e5}
