*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0d12;color:#f5f7fb}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 50% 20%,#182131 0,#0a0d12 48%)}.hero{text-align:center;max-width:780px}.brand{font-weight:800;font-size:25px;letter-spacing:-1px}.brand span,.eyebrow{opacity:.55}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;margin:38px 0 12px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-3px;margin:0}.lead{font-size:19px;line-height:1.6;opacity:.65;max-width:600px;margin:24px auto 30px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;font-size:14px}.primary{background:#fff;color:#0a0d12}.wide{width:100%}.shell{min-height:100vh}.topbar{height:72px;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #202631}.topActions,.topbar{display:flex;align-items:center}.topActions{gap:20px}.user{opacity:.6;font-size:13px}.ghost{background:none;border:0;color:#fff;opacity:.65;cursor:pointer}.content{max-width:1100px;margin:0 auto;padding:55px 28px}.narrow{max-width:760px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:38px}.content h1{font-size:42px;letter-spacing:-2px;margin:0 0 8px}.muted{opacity:.55;line-height:1.6}.small{font-size:12px}.back{opacity:.6;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:28px}.stats>div{background:#11161e;border:1px solid #252c37;border-radius:14px;padding:20px}.stats strong{display:block;font-size:28px}.stats span{font-size:12px;opacity:.5}.empty{border:1px dashed #303744;border-radius:18px;padding:70px 30px;text-align:center}.emptyIcon{width:48px;height:48px;border-radius:14px;background:#202733;display:grid;place-items:center;margin:0 auto 18px;font-size:28px}.empty h2{margin:0 0 8px}.card{margin-top:30px;padding:28px;background:#11161e;border:1px solid #252c37;border-radius:18px}.form{grid-gap:20px;gap:20px}.form,label{display:grid}label{grid-gap:8px;gap:8px;font-size:13px;font-weight:700}input{width:100%;padding:13px 14px;border:1px solid #303744;border-radius:9px;background:#0a0d12;color:#fff;font:inherit}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.error{padding:11px 13px;border-radius:9px;background:#3a1d24;color:#ffb9c3;font-size:13px}.authPage{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 15%,#182131 0,#0a0d12 50%)}.authCard{width:min(430px,100%);background:#11161e;border:1px solid #252c37;border-radius:20px;padding:32px}.authCard h1{font-size:36px;letter-spacing:-1.5px;margin:0}.docList{border:1px solid #252c37;border-radius:16px;overflow:hidden}.docRow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;background:#11161e;border-bottom:1px solid #252c37}.docRow:last-child{border-bottom:0}.docTitle{font-weight:700;margin-bottom:5px}.status{font-size:11px;font-weight:800;padding:6px 9px;border-radius:99px;background:#252c37}.status.pending{background:#3b3420}.editor{display:grid;grid-template-columns:190px 1fr;grid-gap:18px;gap:18px;margin-top:28px}.toolbox{background:#11161e;border:1px solid #252c37;border-radius:15px;padding:14px;height:max-content;display:grid;grid-gap:8px;gap:8px}.toolbox strong{padding:6px 8px}.toolbox button{border:1px solid #303744;background:#0a0d12;color:#fff;border-radius:8px;padding:10px;text-align:left;cursor:pointer}.pdfCanvas{min-height:700px;background:#e9ecf1;border-radius:15px;display:grid;place-items:center;color:#141820}.pdfMessage{display:grid;grid-gap:8px;gap:8px;text-align:center;opacity:.65}.signPage{min-height:100vh;padding:35px 18px;display:grid;place-items:center;background:#f2f4f7;color:#11151c}.signCard{width:min(900px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 60px #0002}.signCard .brand{margin-bottom:25px}.documentPlaceholder{height:620px;border:1px solid #d8dde5;border-radius:12px;display:grid;place-items:center;margin:25px 0;color:#7b8491;background:#fafbfc}@media(max-width:700px){.editor,.grid2,.heading{display:grid}.editor,.grid2,.heading,.stats{grid-template-columns:1fr}.heading .button{width:100%}.content{padding:35px 18px}.documentPlaceholder{height:480px}}.docRow{align-items:stretch;padding:0}.docRowMain{flex:1 1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px}.docRowMain:hover{background:#171d27}.docActions{gap:8px}.smallButton{padding:9px 12px;font-size:12px;white-space:nowrap}.status.draft{background:#252c37}.status.sent{background:#3b3420}.status.completed{background:#1f392b}.status.void{background:#3a1d24}@media(max-width:800px){.docRow{display:grid}.docRowMain{padding-bottom:10px}.docActions{padding:0 16px 14px;flex-wrap:wrap}}.detailHeading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:28px 0 34px}.detailHeading h1{font-size:42px;letter-spacing:-2px;margin:0 0 8px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.detailCard{margin-top:16px}.detailCard h2{font-size:16px;margin:0 0 20px}.detailRows{display:grid;grid-gap:14px;gap:14px}.detailRows>div{display:flex;justify-content:space-between;gap:20px;padding-bottom:13px;border-bottom:1px solid #252c37}.detailRows>div:last-child{border-bottom:0;padding-bottom:0}.detailRows span{opacity:.5;font-size:13px}.detailRows strong{font-size:13px;text-align:right;word-break:break-word}.linkBox{display:grid;grid-gap:12px;gap:12px}.linkBox input{background:#0a0d12}.detailActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.danger{background:#3a1d24;color:#ffb9c3}.actionError{font-size:12px;color:#ffb9c3}@media(max-width:700px){.detailGrid,.detailHeading{display:grid;grid-template-columns:1fr}.detailHeading .status{width:max-content}}.docActions{display:flex;justify-content:flex-end}.docActions,.iconAction{align-items:center;gap:7px}.iconAction{display:inline-flex;padding:9px 11px;border:1px solid #2a3442;border-radius:10px;background:#151b24;color:#e7ebf2;text-decoration:none;font-size:12px;font-weight:700;transition:all .16s ease}.iconAction:hover{border-color:#52627a;background:#1c2531;transform:translateY(-1px)}.iconAction .actionIcon{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#222d3e;color:#aebbd0;font-size:12px}.accentAction{border-color:#304f44;background:#14231f}.accentAction .actionIcon{background:#1c4939;color:#9ee5c3}.primaryAction{background:#f4f6f9;color:#0b1017;border-color:#f4f6f9}.primaryAction:hover{background:#fff}.activityList{display:grid;grid-gap:0;gap:0}.activityItem{display:flex;gap:14px;position:relative;padding:12px 0 18px}.activityItem:not(:last-child):after{content:"";position:absolute;left:5px;top:20px;bottom:0;width:1px;background:#29313d}.activityDot{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border-radius:50%;background:#68768b;box-shadow:0 0 0 4px #151a22}.activityItem div{display:grid;grid-gap:4px;gap:4px}.activityItem strong{font-size:13px}.activityItem small{font-size:12px;color:#858e9d}.completedActivity .activityDot{background:#4bd58c}.voidActivity .activityDot{background:#e0717e}@media(max-width:850px){.docActions{justify-content:flex-start;flex-wrap:wrap}}.stats{grid-template-columns:repeat(4,1fr)}.docActions{padding:12px 16px 12px 0}.inviteAction{border-color:#3a4657}.inviteCard{display:flex;justify-content:space-between;align-items:center;gap:25px}.editSignerButton{padding:8px 11px}.modalBackdrop{background:#0009}.modalCard{width:min(460px,100%);background:#11161e;border:1px solid #303846;padding:26px;box-shadow:0 25px 90px #0008}.modalHeader{align-items:flex-start;margin-bottom:22px}.modalHeader h2{font-size:24px}.modalClose{width:34px;height:34px;border:1px solid #303744;border-radius:9px;background:#151b24;color:#fff;font-size:22px}.inviteCard .eyebrow{margin:0 0 8px}.inviteCard h2{margin:0 0 4px}.inviteCard .muted{margin:0}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.inviteCard{display:grid}.inviteCard .detailActions{justify-content:flex-start}}@media(max-width:600px){.stats{grid-template-columns:1fr}.docRow{display:grid}.docRowMain{gap:10px}.docActions{padding:0 16px 16px;justify-content:flex-start;flex-wrap:wrap}}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:16px}.editSignerButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #2a3442;background:#151b24;color:#e8edf5;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;-moz-appearance:none;appearance:none;-webkit-appearance:none}.editSignerButton:hover{background:#202a37;border-color:#3a4657}.editSignerButton:focus-visible{outline:2px solid #8eaef5;outline-offset:2px}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.actionButton{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #2c3543;border-radius:10px;background:#171e28;color:#edf1f7;text-decoration:none;font-size:13px;font-weight:750;cursor:pointer}.actionButton:hover{background:#202a37}@media(max-width:520px){.sectionHeader{align-items:flex-start;flex-direction:column}.editSignerButton{width:100%}}.templateGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:16px;gap:16px}.templateCard{border:1px solid #252d38;background:#121820;border-radius:16px;padding:20px;display:grid;grid-gap:18px;gap:18px}.templateCardTop{display:flex;gap:14px;align-items:center}.templateIcon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#202a3a;color:#aebbd0;font-size:20px}.templateCard h2{margin:0 0 4px;font-size:17px}.templateCard p{margin:0;color:#7f8998;font-size:12px;word-break:break-word}.templateMeta{display:flex;justify-content:space-between;gap:12px;color:#8993a2;font-size:12px;border-top:1px solid #252d38;padding-top:14px}.templateUseButton{width:100%}.templateForm{max-width:720px;display:grid;grid-gap:18px;gap:18px}.templateForm label,.templateUseForm label{display:grid;grid-gap:8px;gap:8px;color:#dce2eb;font-size:13px;font-weight:700}.templateForm input,.templateForm select,.templateUseForm input{width:100%;box-sizing:border-box;background:#0b1017;color:#eef2f8;border:1px solid #2a3442;border-radius:10px;padding:12px 13px;font:inherit}.templateForm select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.formActions{display:flex;gap:10px;align-items:center}.formError{color:#ff9fa9;font-size:13px}.modalBackdrop{position:fixed;inset:0;z-index:100;background:rgba(2,5,9,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modalCard{width:min(520px,100%);background:#141b24;border:1px solid #2a3442;border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.5)}.modalHeader{display:flex;justify-content:space-between;gap:15px}.modalHeader h2{margin:0;font-size:22px}.modalClose{border:0;background:transparent;color:#aeb7c5;font-size:28px;cursor:pointer}.templateUseForm{display:grid;grid-gap:16px;gap:16px;margin-top:22px}.templateUseForm .button{width:100%}.generatedLink{display:flex;gap:8px;margin:20px 0}.generatedLink input{flex:1 1;min-width:0;background:#0b1017;color:#eef2f8;padding:12px}.generatedLink button,.generatedLink input{border:1px solid #2a3442;border-radius:10px}.generatedLink button{background:#202a36;color:#fff;padding:0 15px;font-weight:700}.successIcon{width:54px;height:54px;border-radius:50%;background:#173b2b;color:#6ce1a1;display:grid;place-items:center;font-size:28px;margin-bottom:16px}.templateEmpty{margin-top:30px}@media(max-width:700px){.templateGrid{grid-template-columns:1fr}.generatedLink{display:grid}.generatedLink button{padding:12px}.templateMeta{align-items:flex-start;flex-direction:column}.formActions{flex-wrap:wrap}.formActions .button{flex:1 1}}