:root{color:#101828;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.appShell{background:#f6f8fb;display:flex;flex-direction:column;height:100vh;min-height:0}.appTopbar{align-items:center;background:linear-gradient(90deg,#1e3a8a,#2563eb);color:#fff;display:flex;flex-shrink:0;gap:16px;height:64px;padding:0 24px}.topBrand{align-items:center;display:flex;flex:0 0 auto;gap:10px;min-width:232px}.topBrand strong{font-size:20px;font-weight:800;white-space:nowrap}.topSpacer{flex:1}.topIconGroup{align-items:center;display:flex;gap:6px;margin-left:auto}.topIconGroup button,.appRail button,.iconButton{align-items:center;display:inline-flex;justify-content:center}.topIconGroup button{background:transparent;border-radius:8px;color:#fff;height:36px;width:36px}.topIconGroup button:hover{background:#ffffff24}.avatarButton span{align-items:center;background:#0ea5e9;border-radius:999px;display:flex;font-size:12px;font-weight:800;height:30px;justify-content:center;width:30px}.topIconGroup .logoutButton{gap:8px;font-weight:800;padding:0 8px;width:auto}.appBody{display:flex;flex:1;min-height:0}.appRail{align-items:center;background:#fff;border-right:1px solid #dfe3ea;display:flex;flex:0 0 52px;flex-direction:column;gap:4px;overflow-y:auto;padding:8px 6px}.appRail button{background:transparent;border-radius:8px;color:#667085;height:40px;position:relative;width:40px}.appRail button:hover{background:#f2f4f7}.appRail .active{background:#2563eb;color:#fff}.appRail .soon{cursor:default;opacity:.45}.appRail .soon:hover{background:transparent}.appRail button i{background:#f59e0b;border:2px solid #ffffff;border-radius:99px;height:8px;position:absolute;right:7px;top:7px;width:8px}.appRailDivider{border-top:1px solid #dfe3ea;display:block;margin:6px 0;width:28px}.serviceSidebar{background:#fff;border-right:1px solid #dfe3ea;display:flex;flex:0 0 292px;flex-direction:column;min-height:0;overflow:hidden;transition:flex-basis .18s ease}.serviceSidebar.collapsed{flex-basis:64px}.sidebarHead{align-items:center;border-bottom:1px solid #eef1f4;display:flex;justify-content:space-between;min-height:58px;padding:10px 12px}.sidebarHead strong{display:block;font-size:16px;font-weight:800}.sidebarHead span{color:#667085;display:block;font-size:12px;margin-top:2px}.sideNav{display:grid;gap:3px;padding:8px 10px}.sideNav button{align-items:center;background:transparent;border-radius:8px;color:#344054;display:flex;gap:10px;min-height:40px;padding:0 10px;text-align:left}.sideNav button:hover{background:#f2f4f7}.sideNav .active{background:#eff6ff;color:#1d4ed8;font-weight:800}.serviceSidebar.collapsed .sideNav button,.serviceSidebar.collapsed .sidebarHead{justify-content:center}.serviceSidebar.collapsed .sideNav span{display:none}.serviceSidebar.collapsed .iconButton svg{transform:rotate(180deg)}.sidebarSectionTitle{color:#667085;font-size:11px;font-weight:800;letter-spacing:.06em;padding:12px 12px 4px;text-transform:uppercase}.compactList{display:grid;flex:1;gap:6px;min-height:0;overflow:auto;padding:6px 8px 14px}.compactList button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:inherit;display:grid;gap:3px;grid-template-columns:10px minmax(0,1fr);padding:10px;text-align:left}.compactList button:hover,.compactList .selected{border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.compactList strong,.compactList small{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis}.compactList strong{font-size:14px;white-space:nowrap}.compactList small{color:#667085;font-size:12px}.workArea{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.pageHeader{align-items:center;background:#fff;border-bottom:1px solid #dfe3ea;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;min-height:74px;padding:14px 20px}.pageHeader h1{font-size:22px;line-height:1.2;margin:0}.pageHeader p,.detailHead p,.actionBand p,.guestAside p{color:#667085;margin:4px 0 0}.pageActions,.signButtons,.dialogActions{display:flex;flex-wrap:wrap;gap:8px}.contentGrid{display:grid;flex:1;gap:12px;grid-template-columns:minmax(520px,1fr) minmax(360px,420px);min-height:0;overflow:hidden;padding:12px}.contentGrid.guest{grid-template-columns:minmax(360px,430px) minmax(520px,1fr) 320px}.contentGrid.detailMode{grid-template-columns:minmax(520px,560px) minmax(520px,1fr)}.contentGrid.listOnly{grid-template-columns:minmax(0,1fr)}.contentGrid.listOnly>*,.contentGrid .composePane,.contentGrid>.composer:not(.guestAside){grid-column:1 / -1}.detailPane,.listPane,.composer{background:#fff;border:1px solid #dfe3ea;border-radius:8px;min-height:0}.detailPane,.listPane{overflow:auto;padding:18px}.listHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.listHead h2{font-size:20px}.listHead p{color:#667085;margin:4px 0 0}.requestList{display:grid;gap:8px}.requestCard{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:inherit;display:grid;gap:14px;grid-template-columns:12px minmax(260px,1fr) minmax(180px,auto) auto minmax(110px,auto);min-height:72px;padding:12px 14px;text-align:left;width:100%}.requestCard:hover{border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.requestMain{display:grid;gap:4px;min-width:0}.requestMain strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requestMain span,.requestMeta,.requestCard small{color:#667085}.requestMeta{display:grid;gap:4px;font-size:13px}.emptyState,.emptyPreview{align-items:center;color:#667085;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:360px;text-align:center}.emptyState strong,.emptyPreview strong{color:#17202a;font-size:16px}.docPreview{background:#fff;border:1px solid #dfe3ea;border-radius:8px;min-height:0;overflow:hidden}.docPreview iframe{border:0;height:100%;min-height:100%;width:100%}.detailMode .detailPane{min-width:0}.detailMode .metaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailMode .actionBand{align-items:stretch;flex-direction:column}.detailMode .signButtons button{min-width:118px}.composer{align-self:stretch;max-height:100%;overflow:auto;padding:16px}.sidebarHint{color:#667085;font-size:12px;line-height:1.45;padding:12px}.detailHead{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}h1,h2,h3{letter-spacing:0;margin:0}h2{font-size:18px}h3{font-size:16px}.metaGrid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(130px,1fr));margin:16px 0}.metaGrid div{border:1px solid #e5e7eb;border-radius:8px;min-height:72px;padding:11px}.wideMeta{grid-column:1 / -1}.metaGrid span,.composer label,.settingsRow span{color:#667085;display:block;font-size:13px}.metaGrid strong,.metaGrid a{align-items:center;color:#17202a;display:flex;gap:5px;margin-top:7px;text-decoration:none}.hashText{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;min-width:0;overflow-wrap:anywhere}.sectionTitle{color:#344054;font-size:14px;font-weight:800;margin:16px 0 8px}.route{display:grid;gap:8px}.recipient{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr) auto;min-height:76px;padding:12px}.step{align-items:center;background:#eff6ff;border-radius:8px;color:#1d4ed8;display:flex;font-weight:900;height:42px;justify-content:center;width:42px}.recipient span{color:#667085;display:block;margin-top:3px}.recipientActions{align-items:center;display:flex;gap:7px}.methods{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.methods em{align-items:center;background:#f2f4f7;border-radius:999px;display:flex;font-size:12px;font-style:normal;gap:4px;padding:5px 8px}.actionBand{align-items:center;background:#f8fafc;border:1px solid #dfe3ea;border-radius:8px;display:flex;justify-content:space-between;margin-top:16px;padding:14px 16px}.primary,.secondary,.danger,.ghost,.iconButton{border-radius:8px;min-height:38px}.primary,.secondary,.danger,.ghost{align-items:center;display:inline-flex;gap:8px;justify-content:center;padding:0 12px}.primary{background:#2563eb;color:#fff;font-weight:800}.secondary{background:#eff6ff;color:#1d4ed8;font-weight:700}.danger{background:#fee2e2;color:#991b1b;font-weight:800}.ghost,.iconButton{background:#f2f4f7;color:#344054}.iconButton{height:36px;padding:0;width:36px}.wide{width:100%}.status,.pill{border-radius:999px;color:#17202a;display:inline-flex;font-size:13px;font-weight:800;padding:7px 10px}.status.signed,.pill.signed{background:#dcfce7;color:#166534}.status.rejected,.pill.rejected{background:#fee2e2;color:#991b1b}.status.pending,.pill.pending{background:#fef3c7;color:#92400e}.dot{border-radius:99px;height:10px;margin-top:4px;width:10px}.pending{background:#f6c85f}.signed{background:#22c55e}.rejected{background:#ef4444}.event{align-items:center;border-bottom:1px solid #edf1f5;display:grid;gap:8px;grid-template-columns:18px 150px minmax(0,1fr) auto;min-height:40px}.event span,.event em{color:#667085;font-style:normal}.composer h2{font-size:16px;margin:4px 0 12px}.composer h2:not(:first-child){margin-top:18px}.composer label{margin-top:10px}.composer input{border:1px solid #d0d5dd;border-radius:8px;color:#17202a;margin-top:5px;min-height:40px;padding:0 10px;width:100%}.segmented,.methodPicker{background:#f2f4f7;border-radius:8px;display:grid;gap:4px;padding:4px}.segmented{grid-template-columns:repeat(2,1fr);margin:10px 0}.methodPicker{grid-template-columns:repeat(3,1fr);margin-bottom:10px}.segmented button,.methodPicker button{align-items:center;background:transparent;border-radius:6px;color:#475467;display:flex;gap:6px;justify-content:center;min-height:36px}.segmented .active,.methodPicker .active{background:#fff;color:#1d4ed8;font-weight:800}.upload{align-items:center;background:#fffbeb;border:1px dashed #d8aa35;border-radius:8px;color:#92400e;display:flex!important;gap:8px;justify-content:center;min-height:46px;padding:10px}.upload input{display:none}.settingsRow{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:10px 0}.integrations{display:flex;flex-wrap:wrap;gap:6px}.integrations span{background:#f2f4f7;border-radius:999px;color:#475467;font-size:12px;padding:5px 8px}.integrations .live{background:#dcfce7;color:#166534}.alert{background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;color:#92400e;margin:12px 14px 0;padding:10px 12px}.empty,.emptySmall{color:#667085;text-align:center}.empty.big{align-items:center;background:#fffbeb;border:1px dashed #f59e0b;border-radius:8px;color:#92400e;display:flex;height:100%;justify-content:center;min-height:420px}.emptySmall{font-size:13px;padding:14px 8px}.modal{align-items:center;background:#17202a73;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:10}.dialog{background:#fff;border-radius:8px;max-width:820px;padding:16px;width:100%}.dialogHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.signatureCanvas{background:#fbfcfd;border:1px solid #cad5d0;border-radius:8px;height:260px;touch-action:none;width:100%}.loginShell{align-items:center;background:#f6f8fb;display:flex;justify-content:center;min-height:100vh;padding:20px}.loginBox{align-items:center;background:#fff;border:1px solid #dfe3ea;border-radius:8px;display:flex;flex-direction:column;gap:14px;max-width:440px;padding:34px 36px 36px;text-align:center;width:100%}.loginBox svg{color:#2563eb}.loginBox h1{font-size:30px;margin:0}.loginBox p{color:#667085;margin:0}@media(max-width:1180px){.contentGrid{grid-template-columns:1fr}.composer{align-self:stretch}}@media(max-width:820px){.appTopbar{gap:10px;height:64px;padding:0 12px}.serviceSidebar{flex-basis:64px}.serviceSidebar .sideNav span,.serviceSidebar .sidebarHead div,.sidebarSectionTitle,.compactList{display:none}.sideNav button,.sidebarHead{justify-content:center}.pageHeader,.actionBand,.detailHead{align-items:stretch;flex-direction:column}.metaGrid,.recipient,.event{grid-template-columns:1fr}.wideMeta{grid-column:auto}}@media(max-width:620px){.appRail{display:none}.contentGrid{padding:10px}.topBrand{min-width:0}.topBrand strong{font-size:15px}.logoutButton span{display:none}}.userMenuWrap{position:relative}.userMenu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:232px;padding:6px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;box-shadow:0 18px 44px #0f172a2e;display:grid;gap:2px}.userMenuHead{display:grid;gap:2px;padding:10px 12px 12px;border-bottom:1px solid rgba(15,23,42,.08);margin-bottom:4px}.userMenuHead strong{font-size:14px}.userMenuHead span{font-size:12px;color:#64748b;overflow-wrap:anywhere}.userMenu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;font-size:13px;text-align:left;color:#0f172a}.userMenu button:hover{background:#f1f5f9}.participants{display:grid;gap:10px}.participantRow{border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:10px;display:grid;gap:8px;background:#f8fafc}.participantHead{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px}.participantHead strong{display:block;font-size:13px}.participantHead span{font-size:12px;color:#64748b;overflow-wrap:anywhere}.methodPicker.small button{padding:5px 8px;font-size:11px}.contactSearch{position:relative}.contactHits{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:240px;overflow:auto;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;box-shadow:0 16px 36px #0f172a29;padding:4px;display:grid;gap:2px}.contactHits button{display:grid;gap:2px;text-align:left;width:100%;padding:8px 10px;border:0;border-radius:9px;background:transparent}.contactHits button:hover{background:#f1f5f9}.contactHits strong{font-size:13px}.contactHits small{font-size:11px;color:#64748b}.faceDialog{max-width:560px}.faceStage{position:relative;border-radius:14px;overflow:hidden;background:#0f172a;aspect-ratio:4 / 3}.faceVideo{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.facePrompt{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;border-radius:12px;background:#0f172ad1;color:#fff;display:grid;gap:4px}.facePrompt strong{font-size:15px}.facePrompt span{font-size:12px;color:#cbd5f5}.facePrompt.error{background:#be123ceb}.faceSteps{display:flex;gap:6px;margin-top:4px}.faceSteps i{height:4px;flex:1;border-radius:999px;background:#ffffff47}.faceSteps i.done{background:#38bdf8}.faceNote{margin:10px 0 0;font-size:12px;line-height:1.5;color:#64748b}.loginError{color:#dc2626;font-size:13px}.alert.ok{border-color:#16a34a59;background:#16a34a14;color:#15803d}.signButtons{display:flex;flex-wrap:wrap;gap:8px}