*{box-sizing:border-box}body{margin:0;background:#f5f7f3;color:#24483e;font:14px 'Segoe UI','Yu Gothic UI',sans-serif}button,input{font:inherit}button,.button{cursor:pointer;border:1px solid #dce6dc;background:white;color:#24483e;border-radius:7px;padding:11px 16px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#edf4ed}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#19745b;color:white;border:0}.primary:hover{background:#105b46}aside{position:fixed;width:235px;inset:0 auto 0 0;background:white;border-right:1px solid #e0e8df;padding:30px 20px}.brand{font-size:27px;font-weight:750;letter-spacing:-1px}.brand span{color:#348c69}.tag{font-size:9px;letter-spacing:1.6px;color:#8a9a8b;margin:10px 0 38px}aside>.primary{width:100%;margin-bottom:35px}nav button{display:flex;justify-content:space-between;border:0;width:100%;margin:5px 0;text-align:left;background:transparent}.active{background:#e7f0e6!important;color:#19745b;font-weight:bold}.sidebarFoot{position:absolute;bottom:30px;font-size:11px;line-height:2}.sidebarFoot small{font-size:10px;word-break:break-all}.sidebarFoot a{color:#5e846e}main{margin-left:235px}header{height:80px;background:white;border-bottom:1px solid #e0e8df;padding:24px 40px;display:flex;justify-content:space-between;align-items:center}.pill{background:#e8eee3;color:#6c8264;padding:6px 10px;border-radius:5px;font-size:10px}.wrap{padding:38px 40px;max-width:1400px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:#40856a}h1{font-size:29px;margin:12px 0}h2{font-size:19px}h3{font-size:14px}p{color:#75856f;line-height:1.8}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0}.stats button{padding:23px;text-align:left;border-radius:11px}.stats label{font-size:12px;color:#71866e;margin:0}.stats strong{display:block;font-size:32px;margin-top:18px}.stats small{font-size:11px;font-weight:normal;margin-left:8px;color:#8a9a8b}.setup{background:#f2eedf;border:1px solid #e4ddc2;border-radius:11px;padding:22px 26px}.setup p{font-size:12px;margin:8px 0 15px}.checks{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#8a7952}.panel{background:white;border:1px solid #dfe7dc;border-radius:11px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;padding:23px;align-items:center}.panelhead h2{font-size:17px;margin:0}input{border:1px solid #dce5d9;border-radius:7px;padding:11px;background:white;color:#24483e;max-width:100%}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}th{background:#f8faf5;font-size:11px;color:#7b8a77;font-weight:400}td,th{padding:20px 22px;border-bottom:1px solid #eaf0e5}td{font-size:12px}tbody tr:hover{background:#fafcf8}.docbutton{border:0;padding:0;background:transparent;text-align:left;font-size:13px;font-weight:600}.badge{padding:5px 9px;border-radius:5px;font-size:11px;background:#edf1e9;color:#6e8067;white-space:nowrap}.badge.sent{background:#faf0d3;color:#8d7126}.badge.completed{background:#e6f2e9;color:#28794e}.badge.cancelled{background:#f5e8e4;color:#9e6354}.warning{font-size:10px;color:#a56f25;margin-top:10px}.foot{padding:18px 24px;font-size:11px;color:#7f8e7c}.note{font-size:11px;color:#7b8a77;line-height:1.9}.empty{text-align:center;padding:45px}.backdrop{position:fixed;inset:0;background:#173c3260;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.modal{background:white;border:1px solid #dae4d6;border-radius:15px;width:740px;max-width:95vw;max-height:92vh;overflow:auto;color:#24483e;box-shadow:0 25px 100px #193a3a33}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #e1e9dc}.modalhead h2{margin:0}.body{padding:25px 28px}.actions{padding:20px 28px;border-top:1px solid #e1e9dc;display:flex;justify-content:space-between;align-items:center;font-size:12px}label{display:block;margin:18px 0 8px;font-size:12px}label>input{display:block;width:100%;margin-top:8px}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.8}.check>input{width:auto;flex:none;margin:3px 0 0}.info{background:#f1f6ec;border-radius:8px;padding:17px;line-height:2;font-size:12px;margin:15px 0}.info .small{float:right;padding:0 6px}.alert{background:#f9eee7;border:1px solid #efd8cb;padding:16px;border-radius:8px;font-size:12px;color:#a65e3f;line-height:1.8;margin:16px 0}.alert a{color:inherit;display:block}.timeline{border-left:2px solid #d5e4cc;padding-left:18px;font-size:12px}.timeline>div{margin:16px 0;line-height:1.8}.timeline small{color:#809078;font-size:10px}.hash{font-size:10px;overflow-wrap:anywhere}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}details{margin:20px 0;font-size:12px}summary{cursor:pointer}.signpage>header{padding:20px 7%;height:90px}.signpage>header>span{font-size:12px}.signcard{width:850px;max-width:95%;margin:45px auto;background:white;border:1px solid #dfe7dc;border-radius:14px;padding:35px}.signcard h1{font-size:26px}.signcard form{max-width:400px;margin-top:30px}.pdfviewer{width:100%;height:600px;border:1px solid #dce6dc;border-radius:8px;margin:20px 0}.signpage footer{text-align:center;font-size:11px;color:#7b8a77;line-height:2;padding:0 20px 40px}@media(max-width:800px){aside{position:static;width:auto;padding:18px}.tag,.sidebarFoot{display:none}.brand{display:inline-block}aside>.primary{float:right;width:auto;margin:0}nav{display:flex;overflow:auto;margin-top:18px}nav button{white-space:nowrap;gap:10px}main{margin:0}header{height:60px;padding:20px}.wrap{padding:25px 16px}.stats{grid-template-columns:repeat(2,1fr)}.panelhead{align-items:start;gap:15px;flex-direction:column}.two{grid-template-columns:1fr;gap:0}.signcard{padding:24px;margin:20px auto}.signpage>header{padding:18px}.signpage>header>span{font-size:10px}.pdfviewer{height:400px}.actions{gap:12px}.backdrop{padding:8px}}
:root{font-family:'Segoe UI','Yu Gothic UI',sans-serif}dialog.modal{padding:0;border:1px solid #dae4d6}dialog::backdrop{background:#173c3260;backdrop-filter:blur(3px)}.hidden{display:none!important}.login{max-width:480px;margin:60px auto;padding:32px;background:white;border:1px solid #dfe7dc;border-radius:12px}.login h1{font-size:24px}.login select{width:100%;padding:12px;border:1px solid #dce5d9;border-radius:7px;background:white}.login button{margin-top:15px}.modal{margin:auto}.two{gap:14px}.wide{width:100%}.check input{width:auto}.pdfviewer{min-height:400px}.signcard form{max-width:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#24483e;color:white;padding:14px 24px;border-radius:9px;z-index:9;max-width:90vw}#error{max-width:1000px;margin:16px auto}.panelhead input{width:280px}.muted{color:#7b8a77}.wordbreak{overflow-wrap:anywhere}.listcount{font-size:11px;color:#7b8a77}.login .note{margin-top:24px}a{color:#287456}.signpage header>a{text-decoration:none}.steps{display:flex;gap:18px;font-size:11px;color:#6d8765}.empty{font-size:12px}header .small{font-size:11px;padding:6px 10px}button{touch-action:manipulation}input:focus,button:focus-visible,select:focus{outline:2px solid #4c967c;outline-offset:3px}

.pdf-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;font-size:12px}.pdf-canvas-wrap{overflow:auto;border:1px solid #dce5d9;background:#e9eee5;padding:5px;border-radius:6px}.pdf-canvas-wrap canvas{display:block;background:#fff;margin:auto}
