:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#223d33;background:#f5f7f5;font-synthesis:none;--accent: #146b57;--muted: #7c8b83;--line: #e4eae5;--dark: #123c2e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:7px;background:var(--accent);color:#fff;padding:12px 17px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:#fff;border-color:var(--line);color:#3a5346}button.icon{padding:8px;background:transparent;color:inherit;border:0}.danger{background:#fbeceb;color:#a63d34}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin-bottom:12px}h2{font-size:18px;font-weight:600;line-height:1.4}h3{font-size:15px;margin:24px 0 13px}p{color:#718176;font-size:14px;line-height:1.7}small{font-size:12px;color:#7b8980;line-height:1.5}strong{font-weight:600}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;color:var(--accent);margin-bottom:14px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17px;letter-spacing:1px}.brand-icon{font-size:28px;color:#fff;background:var(--accent);border-radius:9px;letter-spacing:-3px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;padding-right:4px}.brand-icon span{color:#c3df92}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:4px}.admin-shell{min-height:100vh;display:flex}.sidebar{width:239px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 20px 18px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin:0 7px 43px}.nav-label{font-size:9px;letter-spacing:1.7px;padding-left:15px;color:#99a299;margin-bottom:14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{background:none;color:#738076;justify-content:flex-start;padding:13px 15px;font-weight:500;font-size:12px;gap:13px;white-space:nowrap}.sidebar nav button.active{color:var(--accent);background:#eaf3eb;font-weight:700}.sidebar nav button:nth-child(2){margin-bottom:23px}.sidebar nav button:nth-child(2) svg:last-child{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:60px}.security-note{background:#f6f8f3;border:1px solid #e8edde;border-radius:8px;display:flex;gap:10px;padding:14px 10px;font-size:11px;font-weight:600}.security-note small{display:block;font-size:10px;line-height:1.7;margin-top:5px;font-weight:400}.security-note svg{flex-shrink:0;color:#83975a}.profile{display:flex;align-items:center;gap:9px;margin-top:23px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;font-weight:600}.profile small{display:block;font-size:10px}.profile .icon{margin-left:auto}.avatar{width:35px;height:35px;border-radius:9px;background:#eef2eb;color:#56724c;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700}.workspace{margin-left:239px;flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;color:#879187}.topbar>div{display:flex;align-items:center;gap:14px}.topbar strong{color:#344c3c;font-weight:500}.internal{border:1px solid var(--line);border-radius:20px;padding:7px 11px;display:flex;gap:7px;align-items:center;font-size:10px;color:#6a7e6d}.internal i{background:#6b9960;width:5px;height:5px;border-radius:50%}.workspace main{max-width:1580px;margin:auto;padding:40px 38px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.page-heading p:last-child{margin-bottom:0;font-size:12px}.actions{display:flex;align-items:center;gap:9px}.wrap{flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.kpis article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px}.kpis article>div{display:flex;justify-content:space-between;font-size:12px;color:#6d7d70;align-items:center;margin-bottom:17px}.kpis article svg{color:#91a183}.kpis article>strong{display:block;font-size:34px;color:#234732;line-height:1.1;font-weight:500;letter-spacing:-1px}.kpis small{display:block;font-size:10px;margin-top:16px}.kpis article:nth-child(3){background:#edf4e8;border-color:#dbe8d0}.overview-banner{display:flex;align-items:center;gap:18px;background:#edf1e6;border:1px solid #e0e6d5;border-radius:10px;padding:23px;margin-bottom:29px}.banner-icon{width:48px;height:48px;display:grid;place-items:center;background:#fff9;border-radius:9px;color:#788c5d}.overview-banner h3{margin:0 0 5px;font-size:14px}.overview-banner p{margin:0;font-size:11px}.overview-banner button{margin-left:auto;background:transparent;border-color:#cad4be;font-size:11px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:23px;padding:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section-heading h2{margin-bottom:5px}.section-heading p{margin-bottom:0;font-size:11px}.filterbar{display:flex;gap:12px;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:0 12px;min-width:220px;flex:1;max-width:480px;color:#89978b}.search input{border:0;width:100%;padding-left:0;background:transparent}.filterbar select{width:auto;min-width:155px;font-size:11px}.filterbar.secondary{align-items:end;padding:16px;background:#f8faf7;border-radius:7px}.filterbar.secondary .field{margin:0;flex:1}.filterbar.secondary select{width:100%}input,textarea,select{background:#fff;border:1px solid #dce4dd;border-radius:6px;padding:12px;color:#274333;font-size:13px;min-width:0}input::placeholder{color:#a2aaa1}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid #146b571a}input[readonly]{background:#f3f6f1;color:#7b877c}input[type=color]{padding:5px;height:42px}textarea{width:100%;resize:vertical}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:1px;font-weight:600;color:#8b968b;background:#f8faf6;padding:13px 12px;border-bottom:1px solid var(--line)}td{padding:18px 12px;font-size:11px;border-bottom:1px solid #edf0eb;color:#637364}td strong{color:#344d3a;font-size:12px}td small{display:block;font-size:10px;margin-top:5px}.client-cell{display:flex;align-items:center;gap:12px}.client-cell small{margin-top:4px}.badge{display:inline-flex;gap:6px;align-items:center;font-size:10px;padding:6px 9px;border-radius:5px;background:#f1f3f0;color:#7d867c;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.accepted,.badge.published{color:#408149;background:#eaf5e8}.badge.sent,.badge.opened{color:#4e799a;background:#edf4f9}.badge.in_progress,.badge.retry_pending,.badge.queued{background:#fcf4df;color:#a2853d}.badge.expired,.badge.revoked,.badge.failed,.badge.send_error{color:#aa6e5d;background:#fbefeb}.version{font-size:10px;padding:5px 8px;background:#f2f5f0;color:#708067;border-radius:4px;white-space:nowrap}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:#8b9689}.pagination>div{display:flex;align-items:center;gap:12px}.pagination button{font-size:10px;padding:7px 10px}.page-footer{display:flex;justify-content:space-between;color:#939e90;font-size:10px;margin-top:33px}.page-footer a{color:inherit}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin:0 0 20px;color:#49604f}.field>input,.field>select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 23px}.form-panel{max-width:900px;padding:32px}.form-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.form-footer>span{display:flex;align-items:center;gap:7px;color:#8b9787;font-size:11px}.hint{font-size:12px;color:#7b8973;background:#f3f6ee;border:1px solid #e4eadc;border-radius:6px;padding:15px;line-height:1.7;margin-bottom:24px}.alert,.notice{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px;border-radius:7px;font-size:13px;margin-bottom:22px;background:#fcebe7;color:#a34f3b}.notice{justify-content:flex-start;background:#eaf6e8;color:#3a7440}.empty{padding:65px 20px;text-align:center;color:#9baa90}.empty h3{color:#536a49}.empty p{font-size:12px}.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.term-card .actions{flex-wrap:wrap}.term-card h2{font-size:19px;min-height:55px}.term-card p{font-size:12px}.term-card .actions button{font-size:11px;padding:9px 12px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.data-grid>div{min-width:0}dt{font-size:11px;color:#8b9885;margin-bottom:7px}dd{font-size:13px;margin:0;overflow-wrap:anywhere;line-height:1.5}.timeline{padding:0;list-style:none}.timeline li{display:flex;gap:16px;position:relative;padding:0 0 25px;font-size:12px}.timeline li:before{content:"";position:absolute;left:4px;top:10px;width:1px;height:100%;background:#e3eadc}.timeline li:last-child:before{display:none}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#a8bd95;flex-shrink:0;margin-top:4px}.timeline small{display:block;font-size:10px;margin-top:5px}.timeline code{display:block;font-size:10px;color:#89967e;margin-top:6px;overflow-wrap:anywhere}.overlay{position:fixed;inset:0;background:#102f265e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:4vh 25px;overflow-y:auto}.modal{background:#fff;width:100%;max-width:1000px;border-radius:12px;padding:30px;box-shadow:0 20px 90px #102f2622}.modal>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line);position:sticky;top:-4vh;background:#fff;z-index:1}.modal>header h2{margin:0}.detail-title{display:flex;justify-content:space-between;align-items:center}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison>section{min-width:0}.document{font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:#405744}.document p{color:inherit;font-size:inherit}.document h1{font-size:24px}.document h2{font-size:18px;margin:26px 0 12px}.document h3{font-size:16px}.document li{margin:8px 0}.document ul,.document ol{padding-left:25px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.editor-toolbar button{font-size:11px;padding:7px}.code-editor{font-family:Consolas,monospace;font-size:12px;line-height:1.7}details{margin-top:20px}summary{cursor:pointer;font-size:13px;color:var(--accent)}.loading{display:grid;place-items:center;height:100vh}.mobile{display:none!important}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:#163f31;color:#fff;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-intro .brand-icon{background:#4c7750}.login-intro .brand small{color:#c0cebb}.login-intro h1{font-size:clamp(35px,4.4vw,67px);line-height:1.17;font-weight:400;letter-spacing:-2px}.login-intro h1 em{color:#c4d3a3;font-style:normal}.login-intro p{color:#bbccb9;max-width:370px;line-height:1.8}.login-intro .eyebrow{font-size:9px;letter-spacing:2px;color:#afbf8a}.login-intro>span{font-size:10px;color:#90a787}.login-form{display:flex;align-items:center;justify-content:center;background:#fff;padding:45px}.login-form>div{max-width:340px;width:100%}.login-form>div>svg{color:var(--accent);margin-bottom:30px}.login-form h2{font-size:29px;font-weight:500;letter-spacing:-.8px;margin-bottom:12px}.login-form p{font-size:12px}.login-form form{margin-top:33px}.login-form form button{width:100%;margin-top:10px}.login-form small{display:flex;align-items:center;gap:7px;font-size:10px;margin:27px 0}.login-form>div>a{font-size:11px}.public{min-height:100vh;background:#f4f7f2;display:flex;flex-direction:column}.public>header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:22px max(5vw,25px);border-bottom:1px solid var(--line)}.public>header>span{display:flex;gap:8px;align-items:center;font-size:12px;color:#87917f}.public>footer{margin-top:auto;padding:30px;text-align:center;font-size:11px;color:#919c88;white-space:pre-line}.public>footer span{margin:0 10px}.customer-main{width:100%;max-width:950px;margin:45px auto;padding:0 25px}.steps{display:flex;justify-content:center;margin-bottom:45px}.steps>div{display:flex;align-items:center;gap:9px;position:relative;flex:1;color:#b1bbaa;font-size:12px}.steps>div:after{content:"";height:1px;background:#dce4d7;flex:1;margin:0 15px}.steps>div:last-child{flex:0 0 auto}.steps>div:last-child:after{display:none}.steps span{width:27px;height:27px;border-radius:50%;border:1px solid #d9e2d3;display:grid;place-items:center;flex-shrink:0}.steps small{font-size:10px;white-space:nowrap}.steps .current span{background:var(--accent);color:#fff;border-color:var(--accent)}.steps .current small{color:var(--accent)}.paper{background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;max-width:950px;width:100%;margin:0 auto}.public>main.paper{margin:40px auto}.paper h1{font-size:28px}.paper>p{font-size:13px}.paper.verify{max-width:550px;padding:42px}.verify .large-icon{display:grid;place-items:center;width:54px;height:54px;background:#eef4e8;border-radius:12px;color:var(--accent);margin-bottom:27px}.verify h1{font-size:27px}.verify form{margin:27px 0}.verify form button{width:100%}.verify .otp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.verify .otp-actions button{font-size:11px;padding:10px}.verify>small{font-size:10px}.checkbox{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7;margin:24px 0;color:#48613f}.checkbox input{width:17px;height:17px;accent-color:var(--accent);margin:3px 0 0;flex-shrink:0}.document-meta{display:flex;align-items:center;gap:15px;font-size:11px;color:#8a967d;margin:22px 0}.terms-scroll{height:460px;overflow-y:auto;border:1px solid #dfe7d9;background:#fbfcf9;border-radius:7px;padding:30px;overscroll-behavior:contain}.terms-scroll>h2{font-size:22px}.reading-status{display:flex;align-items:center;gap:8px;font-size:11px!important;background:#f5f6ef;padding:13px;border-radius:5px;margin:12px 0 24px}.reading-status svg{transform:rotate(-90deg)}.reading-status.complete{background:#edf6e8;color:#517d43}.reading-status.complete svg{transform:none}.end-document{border-top:1px solid var(--line);padding-top:25px;text-align:center;font-size:11px!important;color:#8f9d81}.completion{text-align:center;max-width:650px;padding:50px}.success-icon{width:75px;height:75px;margin:0 auto 28px;background:#eaf4e2;color:#608c4c;border-radius:50%;display:grid;place-items:center}.completion .receipt{display:flex;flex-direction:column;gap:12px;background:#f7f9f3;border:1px solid #e8edde;border-radius:7px;padding:25px;margin:28px 0;font-size:13px}.receipt small{overflow-wrap:anywhere;font-size:10px}.completion button{margin:auto}.smtp-panel{max-width:1000px}.smtp-options{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.smtp-options .checkbox{margin:8px 0}.smtp-options .danger-check{color:#a34f3b}.smtp-panel .form-footer .actions{flex-wrap:wrap;justify-content:flex-end}@media(min-width:1500px){.workspace main{padding-top:50px}.kpis article{padding:26px}.topbar{padding:0 50px}}@media(max-width:1150px){.sidebar{width:205px;padding:24px 12px}.sidebar .brand{font-size:15px}.workspace{margin-left:205px}.workspace main{padding:30px 24px}.topbar{padding:0 24px}.kpis{gap:10px}.kpis article{padding:16px}.kpis article>div{font-size:10px}.overview-banner{padding:17px}.overview-banner p{max-width:290px}.terms-grid{grid-template-columns:1fr}.filterbar{flex-wrap:wrap}.search{max-width:none}.page-heading h1{font-size:28px}}@media(max-width:800px){.mobile{display:inline-flex!important}.sidebar{transform:translate(-100%);width:235px;box-shadow:10px 0 40px #173d2520}.sidebar.open{transform:translate(0)}.workspace{margin-left:0}.topbar{height:65px;padding:0 20px}.workspace main{padding:25px 18px}.page-heading{align-items:flex-start}.page-heading .actions>button:first-child{display:none}.page-heading .actions button{font-size:11px;padding:11px}.page-heading h1{font-size:25px}.kpis{grid-template-columns:1fr 1fr}.overview-banner{flex-wrap:wrap;gap:12px}.overview-banner button{margin-left:60px}.panel{padding:19px}.internal{display:none}.form-panel{padding:23px}.login{grid-template-columns:1fr}.login-intro{min-height:0;padding:28px}.login-intro>div:nth-child(2),.login-intro>span{display:none}.login-form{padding:45px 25px}.login-form>div{max-width:420px}.paper{padding:27px}.customer-main{padding:0 17px;margin-top:30px}.steps{margin-bottom:30px}.steps>div{flex-direction:column;gap:8px;align-items:center}.steps>div:last-child{flex:1}.steps>div:after{display:none}.steps small{font-size:8px}.public>header{padding:20px}.public>header>span{display:none}.paper h1{font-size:24px}.terms-scroll{padding:20px;height:400px}.modal{padding:20px}.overlay{padding:15px}.comparison{grid-template-columns:1fr}.modal>header{top:-15px}.filterbar.secondary{flex-wrap:wrap}.filterbar.secondary .field{min-width:140px}}@media(max-width:520px){.page-heading{flex-direction:column;gap:18px}.page-heading>.actions{align-self:flex-end}.kpis article>strong{font-size:28px}.kpis article small{font-size:9px}.overview-banner{display:none}.form-grid,.smtp-options{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer>button{width:100%}.filterbar select{min-width:0;flex:1}.search{min-width:100%;max-width:100%}.data-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading button{font-size:10px;padding:9px}.public .brand{font-size:14px}.paper.verify{padding:27px}.paper h1{font-size:22px}.completion{padding:30px 22px}.pagination{gap:10px}.steps small{font-size:7px}.detail-title{align-items:flex-start;gap:12px}.detail-title h2{font-size:18px}.panel h2{font-size:16px}}