:root{--ink:#132238;--muted:#657386;--line:#dfe5eb;--paper:#fff;--bg:#f5f7fa;--accent:#ee6b36;--accent-dark:#c94d20;--navy:#142f4c;--green:#147d64;--red:#b42318;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.topbar{height:72px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:18px}.mark{background:var(--navy);color:#fff;border-radius:9px;padding:7px 8px;font-weight:800;letter-spacing:.04em}.brand b{color:var(--accent)}nav{display:flex;gap:18px;align-items:center;color:var(--muted)}nav form{margin:0}.container{width:min(1180px,calc(100% - 32px));margin:46px auto 80px}footer{min-height:90px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:center;color:var(--muted);font-size:13px}footer a{color:var(--ink)}h1{font-size:clamp(32px,4vw,52px);line-height:1.02;margin:.15em 0 .35em;letter-spacing:-.035em}h2{font-size:21px;margin:0 0 18px}.lead{font-size:18px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--accent);margin:0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.page-head h1{margin-bottom:8px}.panel,.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(20,47,76,.045)}.auth-card{width:min(480px,100%);margin:70px auto}.auth-card.wide{width:min(680px,100%)}.stack{display:flex;flex-direction:column;gap:17px}.grid{display:grid;gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{grid-template-columns:1.4fr 1fr;margin-bottom:24px}.signer-grid{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)}label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px}input,textarea,select{width:100%;border:1px solid #cbd4de;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit}input:focus,textarea:focus{outline:3px solid rgba(238,107,54,.16);border-color:var(--accent)}textarea{min-height:100px;resize:vertical}.check{display:grid;grid-template-columns:20px 1fr;align-items:start;font-weight:500;gap:10px}.check input{width:18px;height:18px;margin-top:2px}.primary,.secondary,.danger,.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 17px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.secondary{background:#edf2f6;color:var(--navy);margin:4px}.danger{background:#fee4e2;color:var(--red)}.link{background:none;border:0;padding:0;color:var(--navy);text-decoration:underline;cursor:pointer;font:inherit}.alert{padding:14px 18px;border-radius:11px;margin-bottom:24px}.alert.success{background:#dcfae6;color:#075f49}.alert.error{background:#fee4e2;color:#912018}.alert ul{margin-bottom:0}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef2f6;color:#43546a;font-size:12px;font-weight:800}.badge.large{font-size:14px;padding:8px 13px}.badge.completed{background:#d5f5e8;color:#087259}.badge.client_signed{background:#fff1cc;color:#815500}.badge.voided,.badge.declined,.badge.expired{background:#fee4e2;color:#912018}.badge.sent,.badge.viewed{background:#e5efff;color:#1856a8}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}td a{color:var(--ink);text-decoration:none}.empty{text-align:center;color:var(--muted);padding:50px}.hash{word-break:break-all;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--muted)}dl{display:grid;grid-template-columns:150px 1fr;gap:9px 16px}dt{color:var(--muted)}dd{margin:0;font-weight:600}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:170px 1fr 150px;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.timeline span,.timeline code{color:var(--muted)}details{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}summary{cursor:pointer;font-weight:700;margin-bottom:15px}.document iframe{width:100%;height:720px;border:1px solid var(--line);border-radius:10px;background:#eee}.optional,.muted,small{font-weight:400;color:var(--muted)}.qr{text-align:center}.qr svg{max-width:220px}.secret{display:block;padding:12px;background:#eef2f6;border-radius:8px;text-align:center;word-break:break-all;margin:16px 0}.codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.codes code{background:#eef2f6;padding:10px;border-radius:8px;text-align:center}.hero-success{text-align:center;padding:50px}.verification{padding:18px;border-radius:10px;margin:22px 0}.verification.valid{background:#dcfae6;color:#075f49}.verification.invalid{background:#fee4e2;color:#912018}.legal{max-width:800px;margin:auto}.legal h2{margin-top:28px}.notice{border-left:4px solid var(--accent);padding:14px 18px;background:#fff5ee}@media(max-width:820px){.grid.two,.dashboard,.signer-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.document iframe{height:500px}.timeline li{grid-template-columns:1fr}.topbar nav span{display:none}.container{margin-top:28px}dl{grid-template-columns:1fr}.codes{grid-template-columns:1fr}}
