@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dm-sans-700.ttf) format('truetype');
}

:root{font-family:'DM Sans',Arial,sans-serif;color:#25263d;background:#eeedf7;font-size:14px;--ink:#25263d;--muted:#88899a;--purple:#8e80cf;--line:#eff0f5;--sky:#159bd4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#f6f4fb,transparent 50%),linear-gradient(135deg,#eeedf7,#e4e4f2);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #e5e5ee;border-radius:12px;background:#fff;padding:10px 15px;color:var(--ink);transition:background .15s,box-shadow .15s}button:hover{background:#f4f2fc}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9aeea;outline-offset:2px}button:disabled{opacity:.55;cursor:wait}button.primary{background:#159bd4;border-color:#159bd4;color:#fff;box-shadow:0 4px 12px #159bd41a}button.primary:hover{background:#0988bf}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #e2e3ed;border-radius:10px;background:white;color:var(--ink)}textarea{resize:vertical}label{display:block;color:#77788d;font-size:12px;margin:14px 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;font-weight:600;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.35px}p{color:var(--muted);line-height:1.7}small{font-size:11px}.workspace{margin:32px auto;max-width:1700px;width:calc(100% - 64px);min-height:calc(100vh - 64px);background:#fff;border:1px solid #ffffffb3;border-radius:23px;box-shadow:0 10px 55px #5d538414,0 0 0 9px #ffffff35;overflow:hidden}.workspacebar{display:flex;align-items:center;gap:28px;padding:23px 29px 21px;border-bottom:1px solid #f2f2f7}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;text-decoration:none}.brand img{width:126px;max-height:51px;object-fit:contain}.brand>span{font-size:11px;letter-spacing:1.5px;color:#8c86a5;border-left:1px solid #e4e1ec;padding-left:12px}.workspacebar nav{display:flex;gap:3px;flex:1;justify-content:center}.workspacebar nav button{background:transparent;border-color:transparent;border-radius:25px;padding:11px 16px;font-size:12px;color:#777586;white-space:nowrap}.workspacebar nav button.active{border-color:#9b8ec8;color:#34304b;background:#fdfcff;box-shadow:0 3px 10px #6f5cad07}.account{display:flex;gap:10px;align-items:center;flex-shrink:0}.account>span:not(.useravatar){font-size:11px;max-width:120px}.account small{display:block;color:var(--muted);font-size:10px;margin-top:3px;text-transform:capitalize}.account button{font-size:10px;border:0;color:#8c879b;padding:5px}.useravatar{position:relative;display:grid;place-items:center;width:36px;height:36px;background:#eee9fa;border-radius:50%;color:#8674b7;font-weight:bold}.useravatar i,.contactavatar i{position:absolute;bottom:0;right:0;background:#4ecbad;width:9px;height:9px;border-radius:50%;border:2px solid white}main{padding:26px 30px;min-width:0}.workspacefoot{display:flex;justify-content:space-between;padding:10px 31px 19px;font-size:10px;color:#a1a0af}.dashboardwelcome{display:flex;justify-content:space-between;align-items:center;margin:3px 0 24px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#a19bad;display:block;margin-bottom:9px}.dashboardwelcome h1{font-size:26px}.welcome-dot{color:#7cd6bc}.dashboardwelcome p{margin:0;font-size:12px}.dashboardwelcome button{font-size:12px}.dashboardgrid{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(290px,1fr);gap:17px}.dashboardmain,.dashboardright{min-width:0}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.statcard{border:1px solid var(--line);border-radius:14px;padding:19px 20px;background:linear-gradient(145deg,#fff,#fefeff);box-shadow:0 3px 8px #24224d02}.statcard>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.statcard h2{font-size:13px;margin:0;font-weight:600}.stat-symbol{font-size:12px;border-radius:20px;padding:4px 9px}.sky{background:#eaf7ff;color:#22a2ce}.mint{background:#ebfbf4;color:#35ad88}.lavender{background:#f1ecfc;color:#9882d0}.statcard>strong{font-size:27px;font-weight:600;letter-spacing:-1px}.statcard>small{float:right;color:#9b99a7;margin-top:13px;font-size:10px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:21px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.sectionhead h2{margin:0;font-size:15px;font-weight:600}.chip{font-size:10px;background:#f8f7fb;padding:7px 11px;border-radius:7px;color:#85808e}.analytics{margin-bottom:15px;min-height:300px}.activitybody{display:grid;grid-template-columns:190px 1fr;gap:27px;padding-top:10px}.activitysummary>strong{display:block;font-size:34px;letter-spacing:-1px;margin:13px 0 2px}.activitysummary>p{font-size:11px;margin-bottom:17px}.legend{display:flex;align-items:center;gap:7px;font-size:11px}.legend i{width:7px;height:7px;border-radius:50%;background:#59c8aa}.insight{display:flex;gap:9px;padding:11px;background:#faf8ff;border:1px solid #ddd6ee;border-radius:10px;margin-bottom:15px}.insight>span{color:#9b85cc}.insight p{font-size:10px;color:#8a8398;line-height:1.6;margin:0}.gradientbutton{background:linear-gradient(110deg,#9480cc,#71bbd6);border:0;color:white;border-radius:24px;width:100%;font-size:11px}.chartwrap{min-width:0;align-self:end;padding-bottom:2px}.dotchart{display:flex;gap:5px;align-items:end;height:191px;border-bottom:1px solid #f2f0f7;padding-bottom:4px}.dotcolumn{flex:1;min-width:0;height:100%;display:flex;align-items:end}.dotstack{display:flex;flex-direction:column-reverse;gap:3px;width:100%}.dotstack i{display:block;width:100%;aspect-ratio:1;max-height:13px;border-radius:50%;background:#bcebe0}.dotcolumn:nth-child(15) i{background:#9381d2}.dotstack .zero-dot{background:#edf7f4;max-height:4px}.chartlabels{display:flex;justify-content:space-between;font-size:9px;color:#aaa5b2;margin-top:11px}.chartcaption{font-size:9px;margin:9px 0 0;color:#b2aebb}.textbutton{border:0;padding:4px 0;color:#9480c8;background:transparent;font-size:11px}.studenttabs{display:flex;gap:30px;margin-bottom:17px;align-items:center;font-size:11px;color:#9993a5}.studenttabs span{padding:7px 12px}.studenttabs .selected{border:1px solid #bddece;border-radius:25px;color:#434054}.studenttabs b{background:#eeebf6;color:#9987bd;border-radius:20px;padding:2px 5px;font-size:9px;margin-left:3px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;padding:12px;color:#9d98a7;font-size:9px;font-weight:400;letter-spacing:.5px}td{padding:15px 12px;border-top:1px solid #f4f2f7}td button{border:0;padding:0;color:#3c3753;background:transparent;font-weight:600}.badge{display:inline-block;border-radius:7px;padding:5px 9px;font-size:10px;background:#f3f0fc;color:#9b83cc}.priorities{min-height:302px;margin-bottom:15px}.smallcount{font-size:10px;color:#a28bcd;background:#f6f1ff;padding:5px 8px;border-radius:50%}.priorityitem{display:flex;align-items:start;gap:10px;text-align:left;width:100%;border:0;border-radius:0;border-bottom:1px solid #f5f2f9;padding:14px 0;background:transparent}.priorityring{border:2px solid #bdafe0;border-left-color:transparent;width:13px;height:13px;border-radius:50%;margin-top:2px;flex-shrink:0}.priorityitem>span:nth-child(2){flex:1;min-width:0}.priorityitem strong{font-size:11px;font-weight:500}.priorityitem small{display:block;color:#a19aaa;margin-top:5px;font-size:9px}.priorityitem p{font-size:10px;margin:6px 0 0;color:#9a93a4}.priorityitem>span:last-child{color:#b0a6c1}.quietempty{text-align:center;padding:32px 19px;color:#9d96ad;font-size:12px}.quietempty>span{font-size:30px;color:#b7a5dc;display:block;margin-bottom:16px}.quietempty h3{font-size:13px;font-weight:500}.quietempty p{font-size:11px;color:#aaa3b6}.nextsteps{padding:25px 18px 20px;border-radius:14px;background:linear-gradient(160deg,#e9e3f8,#e5f3f3);text-align:center}.nextsteps .eyebrow{font-size:8px}.nextsteps>h2{font-size:24px;line-height:1.3;letter-spacing:-.8px;margin:14px 0}.nextsteps>p{font-size:11px;color:#9a92ad;max-width:230px;margin:0 auto 22px}.quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;text-align:left}.quickgrid button{border-color:#ffffff6b;padding:17px 13px;text-align:left;border-radius:11px;box-shadow:0 3px 10px #998eaf08}.quickgrid button>span{display:block;width:23px;height:23px;background:#e8f8f3;border-radius:6px;color:#5bbf9c;margin-bottom:13px;line-height:23px;text-align:center}.quickgrid button:nth-child(2)>span{background:#fdf0ec;color:#e7b0a0}.quickgrid button:nth-child(3)>span{background:#fffae6;color:#e3c469}.quickgrid button:nth-child(4)>span{background:#fbeaf2;color:#d38cb0}.quickgrid strong{font-size:11px;font-weight:500;display:block}.quickgrid small{display:block;margin-top:4px;font-size:9px;color:#a8a3af}.progressline{display:flex;justify-content:space-between;background:#ffffff9e;margin-top:15px;padding:12px;border-radius:10px;font-size:10px;color:#9b94a8}.progressline strong{color:#8c7ab5}.headrow{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:7px 0 24px}.headrow p{font-size:12px;margin:0}.toolbar{display:flex;gap:10px;margin:20px 0}.toolbar input{max-width:320px}.toolbar select{max-width:200px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.connection{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.connection p{margin:5px 0;font-size:11px}.notice{padding:13px 18px;background:#f5f2fc;color:#91829f;border:1px solid #e6dff5;border-radius:11px;font-size:12px;margin-bottom:22px;line-height:1.7}.warning{background:#fff9ef;border-color:#f1e7d2;color:#aa9677}.empty{text-align:center;padding:40px 20px;border:1px dashed #e0daec;border-radius:10px;color:#a99fb4;font-size:12px}.board{display:flex;gap:14px;overflow:auto;padding-bottom:18px}.column{min-width:235px;background:#f6f4fa;padding:14px;border-radius:12px}.column h3{font-size:12px;font-weight:500}.leadcard{display:block;text-align:left;width:100%;background:white;padding:15px;margin:10px 0}.leadcard small{display:block;color:#a09aab;margin-top:8px}.muted{color:#a29aac}.barrow{display:grid;grid-template-columns:140px 1fr 30px;gap:12px;margin:18px 0;font-size:11px;align-items:center}.bar{height:7px;background:#f3f0f9;border-radius:6px;overflow:hidden}.bar div{height:100%;background:#aea0d6}.modalback{position:fixed;inset:0;background:#25213f55;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:5}.modal{background:white;border:1px solid #fff;border-radius:19px;padding:28px;max-width:800px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 80px #30225333}.modal.narrow{max-width:450px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.note{padding:14px;background:#f8f6fc;margin:10px 0;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.note small{color:#a499b3}.login{max-width:420px;margin:12vh auto;background:white;padding:38px;border:1px solid #fff;border-radius:22px;box-shadow:0 20px 60px #7f6b9d14}.loginbrand{display:flex;align-items:center;gap:15px;margin-bottom:38px}.loginbrand img{width:150px}.loginbrand span{font-size:11px;color:#a295b5}.login button{width:100%;margin-top:24px}.login p{font-size:12px}#toast{position:fixed;bottom:25px;right:25px;max-width:400px;padding:15px 20px;border-radius:12px;background:#49405f;color:white;display:none;z-index:20;font-size:12px}.inboxheading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px}.inboxheading h1{margin:0;font-size:27px}.softcount{font-size:12px;color:#a391c7;background:#f4f0fb;border-radius:8px;padding:4px 8px;vertical-align:middle;margin-left:8px}.inboxfilters{display:flex;gap:10px;align-items:center}.inboxfilters label{margin:0;font-size:10px;white-space:nowrap}.inboxfilters select{max-width:310px;font-size:11px}.inboxfilters button{white-space:nowrap;font-size:11px}.inboxshell{height:calc(100vh - 280px);min-height:530px;max-height:900px;border:1px solid #eae6f2;border-radius:16px;display:grid;grid-template-columns:320px 1fr;overflow:hidden}.threadpane{border-right:1px solid #ece8f2;display:flex;flex-direction:column;min-height:0;background:#fff}.threadsearch{margin:19px 17px 13px;position:relative}.threadsearch>span{position:absolute;left:13px;top:7px;font-size:23px;color:#b1a8bf}.threadsearch input{padding:11px 12px 11px 36px;border:0;background:#f7f5fa;font-size:11px}.threadlabel{display:flex;justify-content:space-between;font-size:10px;color:#a9a0b5;padding:9px 20px 14px}.threadlist{flex:1;min-height:0;overflow-y:auto}.thread{width:100%;display:flex;gap:12px;padding:19px 17px;border:0;border-bottom:1px solid #f5f2f8;border-radius:0;text-align:left;background:white}.thread.selected{background:#f0ebfb;border-right:3px solid #a18bd0}.contactavatar{display:grid;place-items:center;position:relative;width:41px;height:41px;flex-shrink:0;border-radius:50%;font-size:14px;font-weight:500;background:#ece5fa;color:#9c85c7}.shade1{background:#e6f4ef;color:#79ac97}.shade2{background:#e6f0fa;color:#79a4bf}.shade3{background:#f9e9ed;color:#ca98a4}.threadcontent{min-width:0;flex:1}.threadtop{display:flex;justify-content:space-between;gap:9px}.threadtop strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threadtop time{font-size:9px;color:#b2a9bf;flex-shrink:0;margin-top:2px}.threadpreview{display:block;font-size:11px;color:#a59aae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}.threadchannel{font-size:8px;color:#ae9fc0;display:block;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threadchannel>span{color:#b4a8c1}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fcfbfe}.chatheader{display:flex;align-items:center;gap:12px;padding:18px 24px;background:white;border-bottom:1px solid #f2eef7}.chatidentity{flex:1;min-width:0}.chatidentity h2{margin:0 0 4px;font-size:14px}.chatidentity p{font-size:10px;margin:0;color:#9f94ac}.chatidentity p span{color:#78b99e;margin-left:7px}.chatheader button{font-size:10px;border-color:#e9e3f3;color:#a18cbe}.chatcontext{display:flex;justify-content:space-between;padding:10px 24px;background:#f7f4fc;font-size:9px;color:#aa9fba}.chatcontext i{width:5px;height:5px;background:#85cdb2;display:inline-block;border-radius:50%;margin-right:5px}.chatmessages{flex:1;min-height:0;overflow-y:auto;padding:30px 26px}.message{display:flex;margin-bottom:16px}.message.outgoing{justify-content:flex-end}.messagebubble{max-width:75%;padding:12px 15px 9px;background:#fff;border:1px solid #eeebf4;border-radius:14px 14px 14px 3px;box-shadow:0 2px 5px #71628a04;min-width:95px}.message.outgoing .messagebubble{background:#eae3f9;border-color:#eae3f9;border-radius:14px 14px 3px 14px}.messagebubble p{font-size:12px;color:#696076;line-height:1.75;margin:0 0 6px;white-space:pre-wrap;overflow-wrap:anywhere}.messagebubble small{display:block;text-align:right;font-size:8px;color:#b1a6bc}.messagestatus{color:#9b87bd;margin-left:4px}.messagestatus.failed{color:#c17a84}.composer{padding:14px 22px 16px;background:white;border-top:1px solid #eee9f5}.composer>p{font-size:10px;margin:0 0 7px;color:#a28faf;min-height:14px}.composerrow{display:flex;align-items:end;gap:10px}.composer textarea{border:0;background:#f7f5fa;min-height:54px;max-height:150px;font-size:12px;line-height:1.6;resize:none}.composerrow button{padding:13px 20px;flex-shrink:0;background:#9b88ca;border-color:#9b88ca;font-size:11px;box-shadow:none}.composer>small{color:#b6adbf;display:block;margin-top:8px;font-size:8px}.chatempty{margin:auto;text-align:center;padding:30px}.chatempty>span{display:grid;place-items:center;width:65px;height:65px;background:#f0eafa;border-radius:21px;color:#ae9bcc;font-size:28px;margin:0 auto 22px}.chatempty h2{font-size:19px;font-weight:500;color:#8b7ba0}.chatempty p{font-size:12px;color:#b4a8bf}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{padding:20px;border:1px solid var(--line);border-radius:14px}.card strong{display:block;font-size:30px;margin:15px 0}.card span,.card small{color:#9990a6;font-size:11px}
@media(min-width:1700px){.dashboardgrid{grid-template-columns:minmax(0,3fr) minmax(330px,1fr)}.dotchart{height:220px}.activitybody{grid-template-columns:210px 1fr}.statcard>div{margin-bottom:28px}}
@media(max-width:1250px){.workspace{width:calc(100% - 32px);margin:16px auto}.workspacebar{gap:13px;padding:18px}.brand img{width:100px}.brand>span{display:none}.workspacebar nav button{padding:10px 11px;font-size:11px}.account>span:not(.useravatar){display:none}main{padding:24px}.statcard{padding:16px}.statcard>small{float:none;display:block;margin-top:6px}.activitybody{grid-template-columns:155px 1fr;gap:18px}.dashboardgrid{grid-template-columns:minmax(0,2.3fr) minmax(270px,1fr)}.inboxshell{grid-template-columns:285px 1fr}}
@media(max-width:950px){.workspacebar{flex-wrap:wrap}.workspacebar nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto}.account{margin-left:auto}.dashboardgrid{grid-template-columns:1fr}.dashboardright{display:grid;grid-template-columns:1fr 1fr;gap:15px}.priorities{margin-bottom:0}.grid2{grid-template-columns:1fr}.inboxshell{height:calc(100vh - 280px);grid-template-columns:260px 1fr}.inboxfilters label{display:none}.inboxfilters select{max-width:220px}.chatcontext{flex-direction:column;gap:5px}}
@media(max-width:650px){.workspace{width:100%;margin:0;min-height:100vh;border-radius:0;box-shadow:none}.workspacebar{padding:15px 16px;gap:15px}.brand img{width:110px}.workspacebar nav button{padding:9px 12px}main{padding:20px 15px}.dashboardwelcome h1{font-size:21px}.dashboardwelcome{gap:10px}.dashboardwelcome p{font-size:10px}.dashboardwelcome button{font-size:10px;white-space:nowrap;padding:10px}.eyebrow{font-size:8px}.statgrid{gap:7px}.statcard{padding:14px 10px}.statcard h2{font-size:10px}.statcard>strong{font-size:24px}.statcard>small{font-size:8px;line-height:1.6}.stat-symbol{display:none}.statcard>div{margin-bottom:15px}.panel{padding:17px}.activitybody{grid-template-columns:1fr}.activitysummary{display:none}.dotchart{gap:3px;height:155px}.studenttabs{gap:8px;font-size:10px}.studenttabs span{padding:6px}.dashboardright{grid-template-columns:1fr}.nextsteps{padding:23px}.quickgrid{grid-template-columns:repeat(4,1fr)}.quickgrid button{padding:12px 8px}.quickgrid strong{font-size:9px}.quickgrid small{font-size:8px}.nextsteps>h2{font-size:23px}.inboxheading{display:block}.inboxfilters{margin-top:15px}.inboxfilters select{flex:1;max-width:none}.inboxshell{height:720px;grid-template-columns:1fr;grid-template-rows:220px 1fr;min-height:0}.threadpane{border-right:0;border-bottom:1px solid #e8e1f2}.threadsearch{margin:11px 14px 5px}.threadlabel{padding:6px 16px}.thread{padding:12px 14px}.chatheader{padding:13px}.chatcontext{padding:8px 14px;flex-direction:row;gap:8px}.chatcontext>span:last-child{display:none}.chatmessages{padding:18px 14px}.composer{padding:10px 12px}.messagebubble{max-width:88%}.chatempty h2{font-size:16px}.chatheader button{font-size:9px}.chatheader .contactavatar{width:33px;height:33px}.workspacefoot{padding:15px;font-size:8px}.headrow h1{font-size:23px}.headrow{align-items:flex-start}.formgrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.modal{padding:21px}.cards{grid-template-columns:1fr 1fr}.login{margin:8vh 15px}.quietempty{padding:20px 12px}}
/* v0.5: edge-to-edge workspace, reference sidebar layout, dark blue brand */
:root{--ink:#182b45;--muted:#8c97a3;--purple:#173d71;--sky:#173d71;color:#182b45;background:#eef3f5}body{background:#eef3f5;color:#182b45}.crmframe{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;width:100%}.crmside{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:#fbfcfd;padding:34px 20px 18px;border-right:1px solid #e9eef2}.crmside .brand{display:block;margin:0 7px 42px}.crmside .brand img{width:162px;max-height:60px}.sidelabel{font-size:9px;letter-spacing:1.5px;color:#a9b2be;padding:0 14px;margin-bottom:14px}.crmside nav{display:flex;flex-direction:column;gap:8px}.crmside nav button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;padding:13px 14px;border-radius:10px;background:transparent;color:#687787;font-size:12px}.crmside nav button:hover{background:#edf2f7}.crmside nav button.active{background:#173d71;color:#fff;box-shadow:0 5px 14px #173d7117}.navdot{width:5px;height:5px;background:#73c2dc;border-radius:50%;margin-left:auto}.sideprofile{margin-top:auto;padding:30px 9px 15px;text-align:center}.sideprofile .useravatar{width:47px;height:47px;margin:0 auto 12px;font-size:17px;background:#e3ebf5;color:#244d7c}.sideprofile strong{display:block;font-size:12px;font-weight:600}.sideprofile small{display:block;font-size:10px;color:#a2acb6;margin-top:5px;text-transform:capitalize}.sideprofile button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;margin:27px 0 4px;border:0;background:transparent;font-size:11px;color:#7b8795}.sideprofile button>span{font-size:19px;color:#425970}.sidefoot{text-align:center;font-size:8px;letter-spacing:.4px;color:#b6bec8;padding-top:7px}.crmstage{min-width:0}.pagetop{display:flex;justify-content:space-between;align-items:center;padding:35px 40px 27px}.pagetop h1{font-size:26px;letter-spacing:-.8px;margin:0 0 7px;font-weight:600;color:#1b2c40}.pagetop p{font-size:11px;margin:0;color:#9aa4ad}.topaccount{display:flex;gap:22px;align-items:center}.topaccount>button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #dce3e8;border-radius:11px;background:transparent;color:#627385}.topaccount .account{gap:11px}.account .useravatar{background:#e0e9f4;color:#234d7b;width:40px;height:40px}.account>span:not(.useravatar){font-size:12px;max-width:150px}.account small{color:#9aa7b4;font-size:10px}.crmstage main{padding:13px 40px 35px;max-width:1700px;margin:0 auto}.ni-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px}.ni-main,.ni-right{min-width:0}.ni-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:32px}.ni-stat{min-height:133px;padding:18px 18px 17px;border-radius:13px;position:relative;overflow:hidden}.ni-stat h2{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;margin:0 0 17px;letter-spacing:0}.ni-stat h2>span{font-size:10px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ffffff35}.ni-stat strong{display:block;text-align:center;font-size:29px;letter-spacing:-.8px;font-weight:600;margin-bottom:4px}.ni-stat small{display:block;text-align:center;font-size:9px;opacity:.65}.ni-stat.violet{background:#d8d0f9;color:#3c3567}.ni-stat.blue{background:#b9d1f5;color:#24446e}.ni-stat.green{background:#a6e1c4;color:#265943}.ni-middle{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.9fr);gap:24px;margin-bottom:30px}.panel{border:0;border-radius:15px;padding:23px;background:#fff;box-shadow:none}.sectionhead{margin-bottom:20px}.sectionhead h2{font-size:17px;color:#273442;font-weight:500}.chip{background:#f0f4f9;color:#607690;font-size:9px;border-radius:7px}.ni-chart{min-width:0}.column-chart{display:grid;grid-template-columns:25px 1fr;gap:10px;height:177px;padding-top:3px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a5afb8;padding-bottom:23px}.chart-plot{position:relative;min-width:0}.chart-grid{position:absolute;inset:0 0 24px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #e9edf2;width:100%}.chart-groups{display:flex;gap:12px;height:100%;position:relative;z-index:1}.chart-group{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;height:100%;gap:10px}.paired-bars{flex:1;display:flex;justify-content:center;align-items:flex-end;gap:5px;width:100%;min-height:0}.paired-bars i{width:8px;border-radius:2px 2px 0 0;background:#244b7b;max-width:30%}.paired-bars i:nth-child(2){background:#9ed6bb}.chart-group>span{font-size:9px;color:#9ca8b2;height:14px}.chart-legend{display:flex;justify-content:center;gap:17px;font-size:8px;color:#9ba6b1;margin-top:16px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;background:#244b7b;border-radius:2px}.chart-legend span:nth-child(2) i{background:#9ed6bb}.chart-note{font-size:8px;text-align:center;color:#b5bdc4;margin:8px 0 0}.ni-analysis{padding:17px 0 0}.ni-analysis>h2{font-size:18px;margin:0 0 3px;font-weight:500}.ni-analysis>p{font-size:10px;color:#a9b1ba;margin-bottom:22px}.ni-analysis>button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:#fff;border:0;border-radius:10px;margin-bottom:12px;padding:15px 13px}.analysisicon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f1f5fa;color:#607d9f;flex-shrink:0}.ni-analysis>button>span:nth-child(2){flex:1;font-size:10px}.ni-analysis strong{display:block;font-size:8px;color:#a6b0ba;font-weight:400;margin-top:5px}.ni-analysis>button b{font-weight:400;color:#91a1b1;font-size:18px}.analysisfoot{display:flex;align-items:center;gap:8px;font-size:8px;color:#a3adb8;margin-top:23px}.tinybrand{display:grid;place-items:center;background:#173d71;color:#fff;border-radius:50%;width:22px;height:22px;font-size:9px;font-weight:bold}.ni-table{min-height:260px}.ni-table .sectionhead{margin-bottom:10px}.softbutton{background:#e0eaf6;border:0;border-radius:8px;color:#365c8d;font-size:9px;padding:8px 12px}table{font-size:11px}th{padding:15px 8px;color:#a5afb9;letter-spacing:0;font-size:9px}td{padding:16px 8px;border-top:1px solid #eff3f6;color:#657383}td button{color:#284a70;font-size:11px;font-weight:500}.badge{color:#3b628e;background:#ebf1f9;border-radius:6px;font-size:9px}.ni-right{display:flex;flex-direction:column;gap:20px}.ni-hero{position:relative;border-radius:14px;padding:24px 21px;overflow:hidden;background:linear-gradient(135deg,#173d71,#245886);color:#fff;min-height:203px}.ni-hero .eyebrow{font-size:8px;letter-spacing:1px;color:#a9c6e3;margin-bottom:14px;position:relative;z-index:1}.ni-hero h2{font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.4px;position:relative;z-index:1;margin-bottom:10px}.ni-hero p{font-size:10px;color:#b1cbe2;line-height:1.7;position:relative;z-index:1;margin-bottom:18px}.ni-hero button{font-size:9px;color:#244971;border:0;padding:9px 13px;border-radius:7px;background:#e4edf9;position:relative;z-index:1}.hero-circle{position:absolute;right:-60px;top:45px;width:180px;height:180px;border:1px solid #ffffff13;border-radius:50%}.hero-mark{position:absolute;right:20px;bottom:24px;font-size:60px;color:#ffffff15;font-weight:400}.ni-followups{padding:21px}.ni-followups .sectionhead h2{font-size:14px;display:flex;align-items:center;gap:8px}.roundicon{display:grid;place-items:center;width:25px;height:25px;font-size:14px;border-radius:50%;background:#e7e2f6;color:#8875ba}.followuprow{display:block;text-align:left;width:100%;border:0;background:#f7f9fb;padding:10px;border-radius:8px;margin-bottom:9px}.followuprow strong{font-size:10px;font-weight:500;display:block}.followuprow small{display:block;font-size:8px;color:#98a6b2;margin-top:3px}.followuprow p{font-size:9px;color:#a4afba;margin:5px 0 0}.followupempty p{font-size:10px;margin:0 0 7px;color:#8e9da9}.followupempty small{font-size:9px;color:#aab5be;line-height:1.7;display:block;max-width:185px}.darkbutton{display:block;background:#173d71;border:0;color:white;font-size:9px;padding:9px 12px;border-radius:7px;margin-top:16px}.darkbutton:hover{background:#244f82}.ni-team{padding:21px}.ni-team h2{font-size:15px}.smallcount{background:#eaf0f8;color:#57799e;font-size:9px}.teamrow{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 8px;background:#f5f7fa;border:0;margin-bottom:7px;border-radius:8px}.teamavatar{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:10px}.teamrow>span:nth-child(2){flex:1;min-width:0}.teamrow strong{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;font-weight:500}.teamrow small{display:block;font-size:7px;color:#9eacb7;margin-top:3px;text-transform:capitalize}.teamrow b{font-weight:400;font-size:16px;color:#90a0ae}.ni-team>.softbutton{width:100%;margin-top:5px}.primary,button.primary{background:#173d71;border-color:#173d71;box-shadow:none}button.primary:hover{background:#245384}.notice{background:#e9f0f8;border-color:#dbe6f1;color:#647e9d}.warning{background:#fff8ec;border-color:#f2e9d6;color:#a59475}.headrow{margin-top:0}.headrow h1{font-size:20px}.headrow p{font-size:11px}.connection{border-color:#edf2f5}.thread.selected{background:#eaf0f8;border-right-color:#173d71}.threadsearch input{background:#f1f5f8}.threadchannel,.threadchannel>span{color:#93a5b8}.threadtop time,.threadpreview{color:#9aa9b6}.threadlabel{color:#9baaba}.contactavatar{background:#e2eaf6;color:#5073a1}.shade1{background:#e3f1ea;color:#7ca18b}.shade2{background:#e3eef9;color:#7096b9}.shade3{background:#f1e8ea;color:#b798a1}.conversation{background:#f5f8fb}.chatcontext{background:#eaf0f7;color:#8a9db2}.chatidentity p{color:#97a7b8}.chatidentity p span{color:#7ca991}.chatheader button{color:#597da5;border-color:#e1e9f2}.message.outgoing .messagebubble{background:#dfeaf8;border-color:#dfeaf8}.messagebubble p{color:#506783}.messagebubble small{color:#99abc0}.messagestatus{color:#668bb5}.composer textarea{background:#f1f5f8}.composerrow button{background:#173d71;border-color:#173d71}.chatempty>span{background:#e7eef7;color:#7f9abc}.chatempty h2{color:#6d86a0}.chatempty p{color:#a5b4c2}.softcount{background:#e2eaf6;color:#7b99ba}.inboxshell{height:calc(100vh - 245px);border-color:#e2e9ef}.inboxheading{margin-top:0}.inboxheading .eyebrow{display:none}.inboxheading h1{font-size:19px}.inboxfilters select{background:#fff;border-color:#dfe7ee}.inboxfilters label{color:#8fa1b3}.composer>p{color:#7f98b1}.composer>small{color:#a9b6c4}.formgrid input,.formgrid select{border-color:#e3eaf1}.note{background:#f1f5f9}.modalback{background:#142c4755}.modal{box-shadow:0 25px 80px #142c4726}.login{background:#fff}.loginbrand span{color:#8195ab}#toast{background:#173d71}.column{background:#e5ecf3}.bar{background:#e6edf5}.bar div{background:#567fae}
@media(min-width:1600px){.crmframe{grid-template-columns:245px 1fr}.crmside{padding:40px 25px}.pagetop{padding:40px 48px 29px}.crmstage main{padding:16px 48px 40px}.ni-dashboard{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.ni-stats{gap:26px}.ni-stat{min-height:153px;padding:23px}.ni-stat strong{font-size:34px}.ni-stat small{font-size:10px}.ni-hero{min-height:235px;padding:28px}.ni-hero h2{font-size:25px}.column-chart{height:215px}.paired-bars i{width:11px}.ni-middle{gap:28px}.ni-right{gap:25px}.panel{padding:25px}.ni-followups .sectionhead h2{font-size:16px}}
@media(max-width:1200px){.crmframe{grid-template-columns:185px 1fr}.crmside{padding:27px 14px 15px}.crmside .brand img{width:142px}.pagetop{padding:28px 27px 24px}.crmstage main{padding:10px 27px 28px}.ni-dashboard{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.ni-stats{gap:13px;margin-bottom:23px}.ni-stat{padding:16px 12px}.ni-stat h2{font-size:10px}.ni-middle{grid-template-columns:1fr;gap:13px}.ni-analysis{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}.ni-analysis>h2,.ni-analysis>p,.analysisfoot{display:none}.ni-analysis>button{margin:0}.ni-hero{padding:22px 18px}.ni-followups,.ni-team{padding:18px}}
@media(max-width:950px){.crmframe{grid-template-columns:170px 1fr}.crmside .brand img{width:128px}.crmside nav button{padding:12px 11px;font-size:11px;gap:9px}.ni-dashboard{grid-template-columns:1fr}.ni-right{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.ni-team{grid-column:1/-1}.ni-team .teamrow{display:inline-flex;width:calc(50% - 6px);margin-right:5px}.ni-team>.softbutton{max-width:220px;display:block}.pagetop .account>span:not(.useravatar){display:none}.topaccount{gap:13px}.pagetop{padding:27px 23px 22px}.crmstage main{padding:10px 23px 25px}.ni-stat strong{font-size:26px}.ni-hero{min-height:215px}.inboxshell{grid-template-columns:235px 1fr}.account .useravatar{width:35px;height:35px}}
@media(max-width:650px){.crmframe{display:block}.crmside{position:relative;top:auto;width:100%;height:auto;padding:15px 15px 10px;border-right:0;border-bottom:1px solid #e4ebf2}.crmside .brand{margin:0 0 15px}.crmside .brand img{width:125px;max-height:45px}.sidelabel,.sideprofile,.sidefoot{display:none}.crmside nav{flex-direction:row;overflow:auto;gap:4px}.crmside nav button{width:auto;white-space:nowrap;padding:10px 12px;font-size:10px;gap:7px}.crmside nav button svg{width:14px;height:14px}.navdot{display:none}.pagetop{padding:21px 17px 18px}.pagetop h1{font-size:23px}.pagetop p{font-size:10px}.topaccount{gap:9px}.topaccount>button{width:33px;height:33px;border-radius:9px}.account .useravatar{width:33px;height:33px;font-size:12px}.crmstage main{padding:8px 15px 25px}.ni-stats{gap:9px;margin-bottom:20px}.ni-stat{padding:14px 9px;min-height:120px;border-radius:10px}.ni-stat h2{font-size:9px;gap:4px;line-height:1.5;margin-bottom:14px}.ni-stat h2>span{display:none}.ni-stat strong{font-size:24px}.ni-stat small{font-size:8px;line-height:1.6}.ni-middle{margin-bottom:20px}.ni-analysis>button{padding:12px 9px;gap:6px}.ni-analysis>button>span:nth-child(2){font-size:9px}.ni-analysis strong{font-size:7px}.analysisicon{width:22px;height:22px}.ni-right{grid-template-columns:1fr}.ni-team{grid-column:auto}.ni-team .teamrow{width:100%;margin-right:0}.ni-team>.softbutton{max-width:none}.ni-hero{min-height:210px;padding:25px}.ni-hero h2{font-size:25px}.panel{padding:20px}.ni-followups,.ni-team{padding:21px}.ni-chart .sectionhead h2{font-size:16px}.column-chart{height:170px}.chart-groups{gap:10px}.paired-bars{gap:4px}.paired-bars i{width:9px}.inboxshell{height:730px;grid-template-columns:1fr;grid-template-rows:220px 1fr}.inboxheading{margin-bottom:15px}.inboxheading>div:first-child{display:none}.inboxfilters{margin:0}.chatheader button{font-size:9px}.ni-table .sectionhead h2{font-size:17px}}

#mobilelogout{display:none}@media(max-width:650px){#mobilelogout{display:grid}}
/* v0.6 bright blue palette with stronger contrast */
:root{--ink:#102a4c;--muted:#536d89;--sky:#075bd8;color:#102a4c;background:#f1f6ff}body{background:#f1f6ff;color:#102a4c}.crmstage{background:#f1f6ff}.crmside{background:#fff;border-right-color:#dbe7f9}.crmside nav button{color:#405b7c;font-weight:500}.crmside nav button.active{background:#075bd8;box-shadow:0 5px 13px #075bd830}.crmside nav button:hover{background:#e3efff}.crmside nav button.active:hover{background:#064eb8}.pagetop h1{color:#102a4c}.pagetop p,.account small{color:#5e7795}.ni-stat.violet{background:#6446ed;color:#fff}.ni-stat.blue{background:#1476ed;color:#fff}.ni-stat.green{background:#04ad79;color:#fff}.ni-stat small{opacity:.94}.ni-stat h2{font-weight:600}.ni-stat h2>span{background:#ffffff28}.panel{border:1px solid #e2ebf8;box-shadow:0 4px 18px #183e7404}.sectionhead h2,.ni-analysis>h2{color:#15365e}.ni-analysis>p,.analysisfoot{color:#617b99}.ni-analysis>button{border:1px solid #e0eafa}.ni-analysis strong{color:#5f7b9c}.analysisicon{background:#e4efff;color:#1267dc}.ni-hero{background:linear-gradient(130deg,#043da6,#087ced)}.ni-hero .eyebrow{color:#c2dfff}.ni-hero p{color:#d6eaff}.ni-hero button{background:#fff;color:#0457c7;font-weight:600}.softbutton{background:#dbeaff;color:#0754be;font-weight:600}.primary,button.primary,.darkbutton,.composerrow button{background:#075bd8;border-color:#075bd8}.primary:hover,button.primary:hover,.darkbutton:hover{background:#0649ae}.paired-bars i{background:#1675ef}.paired-bars i:nth-child(2){background:#08bc86}.chart-legend i{background:#1675ef}.chart-legend span:nth-child(2) i{background:#08bc86}.chart-scale,.chart-group>span,.chart-note,th{color:#67829f}.chart-grid i{border-color:#dbe6f5}.ni-table td{color:#3d5a7c}.teamrow,.followuprow{background:#f0f5fd}.teamrow small,.followuprow small,.followuprow p,.followupempty small{color:#5c7799}.teamrow strong,.followuprow strong{color:#244c7b}.smallcount,.badge{background:#e1edff;color:#0b60d6}.notice{background:#e6f1ff;color:#35628f;border-color:#cce1ff}.headrow p,p{color:#607b99}.thread.selected{background:#dfedff;border-right-color:#075bd8}.threadpreview,.threadtop time,.threadlabel{color:#607c9c}.threadchannel,.threadchannel>span{color:#557ca6}.contactavatar{background:#dbeaff;color:#1264d6}.conversation{background:#f3f7ff}.message.outgoing .messagebubble{background:#075bd8;border-color:#075bd8}.message.outgoing .messagebubble p{color:white}.message.outgoing .messagebubble small,.message.outgoing .messagestatus{color:#d1e4ff}.messagebubble p{color:#365777}.chatcontext{color:#5279a2;background:#e4efff}.chatheader button{color:#075bd8;border-color:#c9defa}.composer>p{color:#416c9b}.composer textarea{background:#edf3fc}.composer>small,.chatempty p{color:#6987a8}.chatempty h2{color:#315c8b}.textbutton{color:#075bd8}.sidelabel,.sidefoot,.sideprofile small{color:#7b90a9}.sideprofile strong{color:#294b73}td button{color:#075bd8}#toast{background:#064bab}.linkedpanel{margin-bottom:25px}.linkedpanel .sectionhead h2{font-size:20px}.linkedintro{font-size:12px;margin-bottom:13px}.linkeddisclosure{padding:11px 14px;background:#fff4df;color:#99651e;border:1px solid #f3dca9;border-radius:9px;font-size:11px;line-height:1.6;margin-bottom:15px}.workerstatus{display:flex;align-items:center;gap:8px;font-size:11px;background:#f2f6fd;padding:12px;border-radius:9px;margin-bottom:15px;flex-wrap:wrap}.workerstatus i{width:7px;height:7px;background:#e4a140;border-radius:50%}.workerstatus i.online{background:#04af80}.workerstatus strong{font-weight:500}.workerstatus span{font-size:10px;color:#6483a4}.linkedrow{display:flex;gap:13px;align-items:center;border-bottom:1px solid #e7eef8;padding:15px 0;flex-wrap:wrap}.linkedicon{width:35px;height:35px;display:grid;place-items:center;background:#ddecff;color:#0867de;border-radius:10px}.linkedrow>div{flex:1;min-width:170px}.linkedrow strong{font-size:12px}.linkedrow p{font-size:10px;margin:5px 0}.linkedrow small{font-size:10px;color:#b07b35}.linkedrow>button{font-size:10px;padding:8px 11px}.badge.connected{background:#d7faeb;color:#008f64}.qrstage{text-align:center}.qrstage p{font-size:12px}.qrstage>small{display:block;color:#758eaa;font-size:10px;line-height:1.7;margin-bottom:16px}#linkedqrimage{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f8fe;border-radius:12px;padding:12px;margin:20px 0;font-size:12px;color:#6082a9}#linkedqrimage img{width:280px;max-width:100%;height:auto}#linkedqrstatus{color:#075bd8;overflow-wrap:anywhere;font-size:11px}.qrconnected{background:#05ab78;color:#fff;border-radius:50%;width:60px;height:60px;font-size:32px;line-height:60px;margin-bottom:20px}.linkedwarning{font-size:11px;line-height:1.7;margin:17px 0;color:#a17025}.linkedpanel .eyebrow{color:#075bd8}.messagestatus.failed{color:#ffc2c2}
@media(max-width:650px){.linkedpanel .sectionhead{align-items:flex-start}.linkedpanel .sectionhead h2{font-size:16px}.linkedpanel .sectionhead>button{font-size:10px;padding:10px}.linkedrow{gap:9px}.linkedrow>div{min-width:130px}.linkedrow>button{font-size:9px}.linkeddisclosure{font-size:10px}.ni-stat strong{font-size:24px}}
