@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#162d36;--muted:#7a888d;--line:#e5ebeb;--teal:#167d71;--pale:#edf6f3;--bg:#f6f8f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);font:800 28px Manrope,sans-serif;letter-spacing:-1.3px;gap:10px}.brandmark{display:grid;place-items:center;background:var(--teal);color:#fff;width:33px;height:33px;border-radius:10px;font-size:33px;line-height:1;padding-bottom:6px}.branddivider{height:23px;border-left:1px solid #dce4e3;margin:0 9px}.brand small{font:500 13px 'DM Sans',sans-serif;letter-spacing:0;color:#7b878b}.private{font-size:12px;color:#65746f;display:flex;gap:8px;align-items:center}.private span{width:6px;height:6px;background:var(--teal);border-radius:50%}main{max-width:1500px;margin:auto;padding:44px 4.5% 24px}.intro{position:relative;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--teal)}h1{font:750 43px/1.17 Manrope,sans-serif;letter-spacing:-1.8px;margin:12px 0 14px}h1 span{color:#7a8c8c}.intro p{font-size:14px;line-height:1.8;color:#6e7d82;margin:0}.demo{position:absolute;right:0;bottom:5px;color:var(--teal);font-size:10px;letter-spacing:1px;font-weight:700;display:grid;gap:7px;text-align:right}.demo span{font-size:11px;color:#87918f;font-weight:400;letter-spacing:0}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.choice{background:white;border:1px solid #dfe7e5;border-radius:12px;padding:19px 16px;text-align:left;display:flex;align-items:center;gap:12px;color:var(--ink);position:relative}.choice.active{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal);background:#f4faf7}.choice strong{display:block;font-size:13px;font-weight:700}.choice small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:6px}.choiceicon{font-size:27px;color:#63837c}.choice em{font-style:normal;background:#e1efdf;color:#537644;font-size:8px;padding:4px 6px;border-radius:5px;margin-left:6px}.check{display:none;position:absolute;right:10px;top:8px;font-size:10px;color:var(--teal)}.choice.active .check{display:block}.workspace{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 35px #233e3810;overflow:hidden}.workspacehead{display:flex;justify-content:space-between;align-items:center;padding:27px 28px 22px}.workspacehead h2{font:750 24px Manrope,sans-serif;letter-spacing:-.8px;margin:5px 0}.workspacehead p{margin:0;font-size:12px;color:var(--muted)}.primary{background:var(--teal);color:white;border:0;padding:12px 17px;border-radius:7px;font-weight:600;font-size:12px}.primary:hover{background:#12665b}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:#fbfcfb}.stat{padding:16px 26px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.stat:last-child{border:0}.stat span{font-size:11px;color:#778783}.stat strong{font:700 25px Manrope,sans-serif;letter-spacing:-1px}.stat strong.green{color:var(--teal)}.toolbar{display:flex;align-items:center;gap:12px;padding:19px 26px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:0 11px;width:300px}.search span{font-size:21px;color:#92a09e}.search input{width:100%;border:0;padding:10px 0;font-size:11px;background:transparent;outline:none}.toolbar select{font-size:11px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#667772}.toolbar>span{margin-left:auto;font-size:10px;color:var(--muted)}.split{display:grid;grid-template-columns:300px 1fr;border-top:1px solid var(--line);min-height:550px}.companylist{border-right:1px solid var(--line);background:#fcfdfc;padding:12px}.companycard{width:100%;display:flex;gap:10px;text-align:left;padding:15px 12px;border:1px solid transparent;background:transparent;border-radius:9px;color:var(--ink);margin-bottom:5px}.companycard.selected{background:#edf6f2;border-color:#d4e9e1}.avatar{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#e9efed;display:grid;place-items:center;color:#5b7770;font-size:11px;font-weight:700}.companycard.selected .avatar{background:#d7ebe1;color:#3a7561}.companycard strong{display:block;font-size:12px;margin:1px 0 5px}.companycard small{font-size:10px;color:#7f8a86;display:block;margin-bottom:7px}.badge{font-size:9px;border-radius:5px;padding:4px 7px;display:inline-block;white-space:nowrap;font-weight:600}.tone0{background:#edf0f7;color:#64749d}.tone1{background:#fff3df;color:#9b762b}.tone2{background:#e8effb;color:#557cb1}.tone3{background:#f1eafb;color:#8e67af}.tone4{background:#e0f3e8;color:#37845a}.tone5{background:#f4e8e7;color:#9f6360}.record{padding:26px 30px}.recordhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recordtitle{display:flex;gap:12px;align-items:center}.recordtitle .avatar{width:42px;height:42px;font-size:13px}.record h3{font:750 20px Manrope,sans-serif;letter-spacing:-.6px;margin:0 0 5px}.subtle{color:var(--muted);font-size:11px}.recordhead select{padding:8px;border:1px solid var(--line);border-radius:6px;font-size:11px;max-width:170px;color:var(--teal);background:#f7fbf8}.contactdetails{display:flex;flex-wrap:wrap;gap:8px 25px;margin:20px 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.contactdetails a{font-size:11px;color:#637c76;text-decoration:none}.milestones{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;margin-bottom:22px}.milestone{padding:13px 15px;border-right:1px solid var(--line)}.milestone:last-child{border:0}.milestone label{display:block;color:var(--muted);font-size:9px;margin-bottom:7px;letter-spacing:.3px}.milestone input{font-size:11px;border:0;color:var(--ink);background:transparent;width:100%;min-width:0;padding:0}.nextstep{padding:12px 14px;background:#faf6eb;border:1px solid #f0e7d0;border-radius:7px;display:flex;align-items:center;gap:9px;font-size:11px;margin:0 0 23px}.nextstep strong{color:#907946;font-size:9px}.nextstep input{border:0;background:transparent;flex:1;min-width:0;font-size:11px;padding:5px}.nextstep input[type=date]{flex:0 0 110px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.sectiontitle h4{font-size:12px;margin:0}.sectiontitle span{font-size:10px;color:var(--muted)}.timeline{margin-bottom:18px}.event{display:flex;gap:13px;position:relative;padding-bottom:19px}.event:before{content:'';position:absolute;left:12px;top:28px;bottom:3px;border-left:1px solid #e1e9e6}.event:last-child:before{display:none}.eventicon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #dce8e3;border-radius:50%;background:#f4f8f6;color:#68887c;font-size:11px}.eventbody{flex:1;min-width:0}.eventtop{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:11px}.eventtime{font-size:9px;color:#95a19d}.eventbody p{font-size:11px;color:#788681;line-height:1.7;margin:6px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.noteform{background:#f8faf9;padding:12px;border:1px solid var(--line);border-radius:8px}.noteform textarea{width:100%;border:0;background:transparent;resize:vertical;min-height:52px;font-size:11px;color:var(--ink)}.notecontrols{display:flex;gap:8px;align-items:center;justify-content:space-between}.notecontrols select,.notecontrols input{background:white;border:1px solid var(--line);border-radius:4px;padding:6px;font-size:10px;min-width:0}.notecontrols input{max-width:125px}.notecontrols .primary{font-size:10px;padding:9px 12px}.workspacefoot{padding:13px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8d9995;font-size:10px;gap:10px}.workspacefoot i{display:inline-block;width:5px;height:5px;background:#7da994;border-radius:50%;margin-right:5px}footer{text-align:center;padding:28px 0 8px}footer p{font:700 15px Manrope,sans-serif;margin:0 0 7px}footer span{font-size:12px;color:var(--muted)}.board{padding:0 23px 25px;display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:10px;overflow-x:auto}.column{background:#f5f7f6;border-radius:8px;padding:10px;min-height:360px}.columnhead{display:flex;align-items:center;justify-content:space-between;margin:4px 0 15px;font-size:10px;font-weight:700}.columnhead span{background:white;border-radius:4px;padding:3px 6px;color:#94a29d}.deal{width:100%;text-align:left;border:1px solid #e3e9e6;background:#fff;border-radius:8px;padding:14px 11px;color:var(--ink);margin-bottom:9px;box-shadow:0 2px 3px #163d3010}.deal strong{display:block;font-size:11px;margin:10px 0 7px}.deal p{font-size:10px;color:var(--muted);margin:7px 0}.dealbottom{font-size:9px;border-top:1px solid #eef2f0;padding-top:10px;color:#7b8c83;margin-top:13px}.tablewrap{overflow-x:auto;min-height:450px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{text-align:left;padding:13px 20px;background:#f8faf9;color:#7c8984;font-weight:500;font-size:10px;border-block:1px solid var(--line)}td{padding:19px 20px;border-bottom:1px solid #eef2ef;color:#788780}td:first-child{color:var(--ink);font-weight:600}tr[data-company]{cursor:pointer}tr[data-company]:hover{background:#f3f9f6}.tablecompany{display:flex;gap:10px;align-items:center}.tablecompany small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px}.openlink{border:0;background:none;color:var(--teal);font-size:11px}.empty{text-align:center;padding:60px 25px;color:var(--muted);font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 100px #17332d30;width:560px;max-width:95vw;padding:25px;color:var(--ink)}dialog::backdrop{background:#152d3655;backdrop-filter:blur(3px)}dialog h2{font:700 24px Manrope,sans-serif;margin:6px 0 18px}.dialoghead{display:flex;align-items:flex-start;justify-content:space-between}.iconbutton{border:0;background:#f0f4f2;border-radius:50%;width:28px;height:28px;font-size:20px;color:#73867f}#businessform label{display:block;font-size:11px;color:#71817b;margin-bottom:14px}#businessform label input,#businessform label select,#businessform textarea{display:block;width:100%;border:1px solid #dae4df;border-radius:6px;padding:10px;margin-top:6px;background:white;color:var(--ink)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#businessform>.primary{width:100%;margin-top:5px}#detaildialog{width:820px;max-height:90vh}#detaildialog .record{padding:20px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;padding:12px 20px;display:none;font-size:12px;z-index:10}
@media(min-width:1450px){.split{grid-template-columns:330px 1fr}}@media(max-width:1000px){.choices{gap:8px}.choice{padding:16px 12px;gap:8px}.choiceicon{display:none}.choice em{display:block;width:max-content;margin:6px 0 0}.split{grid-template-columns:245px 1fr}.record{padding:24px 20px}.notecontrols{flex-wrap:wrap}.milestone{padding:12px 9px}}@media(max-width:700px){header{height:65px;padding:0 20px}.brand small,.branddivider{display:none}.private{font-size:10px}main{padding:30px 14px}.intro{margin-bottom:22px}h1{font-size:34px}.intro p{font-size:12px}.demo{position:static;margin-top:17px;text-align:left}.choices{grid-template-columns:1fr}.choice{padding:13px;gap:12px}.choiceicon{display:block;font-size:23px}.choice strong{font-size:12px}.choice small{font-size:10px}.choice em{display:inline;margin-left:5px}.workspacehead{padding:20px 16px}.workspacehead h2{font-size:21px}.workspacehead p{font-size:10px}.workspacehead>.primary{font-size:10px;padding:10px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:12px 17px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat strong{font-size:22px}.toolbar{padding:15px 12px;gap:8px}.search{width:100%;padding:0 8px}.toolbar>span{display:none}.toolbar select{max-width:115px}.split{display:block}.companylist{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);border-right:0;padding:10px;gap:8px}.companycard{min-width:210px;margin:0;padding:10px}.record{padding:22px 15px}.record h3{font-size:17px}.recordhead{gap:7px}.recordhead select{max-width:120px;font-size:10px}.milestones{grid-template-columns:1fr}.milestone{border-right:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.milestone label{margin:0}.milestone input{width:130px}.nextstep{flex-wrap:wrap}.nextstep input{flex-basis:60%}.nextstep input[type=date]{margin-left:auto}.workspacefoot{padding:13px;display:block;line-height:1.8}.workspacefoot>span{display:block}.eventtop{flex-wrap:wrap}.contactdetails{gap:12px}.formgrid{grid-template-columns:1fr;gap:0}.notecontrols input{max-width:118px}.recordtitle{gap:8px}.recordtitle .avatar{width:34px;height:34px}.board{padding:0 12px 18px}.eventtime{white-space:nowrap}}
/* Working contact tracker */
.workspacehead h1{font:750 28px Manrope,sans-serif;letter-spacing:-1px;margin:7px 0}.headbuttons,.recordactions{display:flex;gap:9px;align-items:center}.secondary{border:1px solid #dbe6df;background:white;color:#57756a;border-radius:7px;padding:11px 14px;font-size:12px;font-weight:600}.textbutton{border:0;background:none;color:var(--teal);font-size:11px;cursor:pointer;padding:4px 6px}.notice{background:#fff6df;padding:15px 26px;color:#786440;font-size:12px;line-height:1.8}.notice a{color:var(--teal);margin-left:10px}.stat{border-left:0;border-top:0;border-bottom:0;background:none;text-align:left;color:var(--ink)}.stat:hover{background:#f0f6f2}.toolbar{flex-wrap:wrap}.toolbar>span{order:5}.companycard strong{font-size:13px}.companycard small{font-size:11px}.badge{font-size:10px}.tone5{background:#e0f3e8;color:#37845a}.tone4{background:#f1eafb;color:#8e67af}.tone6{background:#f4e8e7;color:#9f6360}.duehint{padding-top:8px;font-size:9px!important}.overdue{color:#a17d33!important}.record{padding:28px 30px}.split{grid-template-columns:300px minmax(0,1fr);min-height:650px}.recordtitle{min-width:0}.record h3{overflow-wrap:anywhere;font-size:22px}.contactdetails a,.contactdetails .subtle{font-size:12px}.subtle{font-size:12px}.progresshead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.progresshead label{font-size:10px;color:#83928a}.progresshead select{margin-left:10px;padding:9px;border:1px solid #dce7e0;border-radius:6px;background:#f4faf6;color:var(--teal);font-size:12px}.progresshead>span{font-size:10px}.progresssave{display:flex;justify-content:space-between;align-items:center;margin:-9px 0 27px;gap:10px}.progresssave .primary{font-size:11px;padding:9px 12px}.progresssave .subtle{font-size:10px}.milestone input{font-size:12px}.nextstep input{font-size:12px}.sectiontitle h4{font-size:14px}.eventtop{font-size:12px}.eventbody p{font-size:12px}.eventtime{font-size:10px;display:flex;align-items:center;gap:10px}.eventtime .textbutton{font-size:10px}.noteform textarea{font-size:12px;min-height:65px}.notecontrols input{max-width:200px}.notecontrols select,.notecontrols input{font-size:11px}.empty{padding:85px 25px 100px}.emptyicon{font-size:35px;background:#edf5f0;border:1px solid #dce8df;border-radius:14px;display:grid;place-items:center;width:70px;height:70px;color:#638673;margin:0 auto 22px}.empty h3{color:var(--ink);font:700 23px Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 12px}.empty p{max-width:450px;margin:0 auto 22px;line-height:1.8}.saving button[type=submit]{pointer-events:none;opacity:.5}.saving .companycard{pointer-events:none}#activityform label{display:block;font-size:12px;color:#74887c;margin:0 0 15px}#activityform input,#activityform select,#activityform textarea{display:block;width:100%;padding:11px;border:1px solid #dce6df;border-radius:6px;margin-top:7px;font:inherit;color:var(--ink)}.workspacefoot{font-size:11px}.workspacehead .eyebrow{font-size:10px}main{padding-top:30px}.contactdetails{overflow-wrap:anywhere}.recordactions .secondary{white-space:nowrap}.recordactions .textbutton{font-size:10px}.brand{letter-spacing:-1px}button:disabled{opacity:.5;cursor:default}
@media(min-width:1450px){.split{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:1000px){.split{grid-template-columns:245px minmax(0,1fr)}.record{padding:22px 18px}.progresshead{display:block}.progresshead>span{display:none}.recordhead{flex-wrap:wrap}.record h3{font-size:20px}.headbuttons{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:700px){main{padding-top:18px}.workspacehead{align-items:flex-start;gap:12px}.workspacehead h1{font-size:23px}.workspacehead p{max-width:220px;line-height:1.6}.headbuttons{display:grid;gap:6px;min-width:104px}.headbuttons button{font-size:10px;padding:10px}.toolbar .search{flex:1 0 100%}.toolbar select{max-width:none;flex:1;font-size:10px}.split{display:block}.companylist{border-right:0}.companycard{min-width:225px;max-width:260px}.companycard strong{overflow-wrap:anywhere}.record{padding:22px 15px}.milestone input{width:190px}.notecontrols input{max-width:180px;flex:1}.recordactions{gap:5px}.recordhead{gap:12px}.recordtitle{width:100%}.record h3{font-size:21px}.recordactions .secondary{font-size:10px;padding:8px}.progresssave .subtle{max-width:170px;line-height:1.5}.nextstep input{font-size:11px}.progresshead select{font-size:11px}.eventtop{gap:5px}.eventtime{gap:4px;font-size:9px}.workspacefoot{font-size:10px}.empty{padding:60px 20px}.empty h3{font-size:21px}}

#loginform>label{display:block;font-size:12px;color:#667e73;margin:22px 0 8px}#loginform>input{padding:13px;width:100%;border:1px solid #d7e5db;border-radius:7px;font:inherit}#loginform>.primary{width:100%;padding:14px}#loginerror{color:#a14c43;font-size:12px;line-height:1.7;white-space:pre-wrap}#logindialog{max-width:420px;padding:32px}#logindialog::backdrop{background:#e9f0edf2;backdrop-filter:blur(6px)}#loginform h2{font-size:29px;letter-spacing:-1px}#loginform>p:last-child{font-size:10px;text-align:center;line-height:1.8;margin:20px 0 0}.private .textbutton{margin-left:8px}.headbuttons{flex-wrap:wrap}.importsummary{font-size:12px}body.importing .workspace button{pointer-events:none;opacity:.6}