@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");:root{--ink:#1c2434;--muted:#6d7587;--line:#e7e9f0;--bg:#f6f7fb;--primary:#6558d5;--primary2:#5045bb;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:248px;background:#20223d;color:white;padding:27px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 32px}.brandmark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:linear-gradient(145deg,#8276ef,#594bd0);font:800 20px Manrope}.brand b{font:700 20px Manrope}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#9ea3be;margin-top:2px}nav{display:grid;grid-gap:7px;gap:7px}nav button{border:0;background:transparent;color:#aaaec6;text-align:left;border-radius:9px;padding:12px 13px;font-weight:500}nav button i{font-style:normal;font-size:18px;display:inline-block;width:30px}nav button.active,nav button:hover{background:#343655;color:#fff}.demo{margin-top:auto;background:#292b49;border:1px solid #3a3d61;border-radius:12px;padding:14px;color:#c7cadb}.demo b{font-size:12px;color:#aaa1ff}.demo p{font-size:11px;line-height:1.5}.demo button{border:0;background:transparent;color:#fff;padding:0;font-size:11px;font-weight:600}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #383a55;margin-top:18px;padding:18px 8px 0}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{font-size:10px;color:#898da7;margin-top:3px}.avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:700;font-size:9px;flex:none}main{width:calc(100% - 248px);margin-left:248px;min-width:0}header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;justify-content:space-between}.crumb{font-size:13px;color:#858b9a}.crumb span{margin:0 8px;color:#c9ccd4}.memberSelect{display:flex;align-items:center;gap:10px;color:#858b9a;font-size:12px}.memberSelect select{border:1px solid var(--line);border-radius:8px;padding:8px 30px 8px 10px;background:#fafbfc;color:var(--ink);font-weight:600}.mobileMenu{display:none}.content{padding:30px 32px 45px;max-width:1700px;margin:auto}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.pagehead small{font-weight:700;font-size:10px;letter-spacing:1.6px;color:var(--primary)}h1{font:800 28px Manrope;margin:5px 0;letter-spacing:-.8px}h2{font:700 16px Manrope;margin:0}h3{font:700 14px Manrope}.pagehead p,.panelhead p{color:var(--muted);margin:0}.dangerBtn,.primary,.secondary{border-radius:8px;padding:10px 15px;font-weight:600;border:1px solid}.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 10px #6558d528}.primary:hover{background:var(--primary2)}.secondary{background:#fff;border-color:#dfe1e8;color:#454b59}.dangerBtn{background:#fff;border-color:#efb0b0;color:#c83e45}.actions{display:flex;gap:9px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.metric{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 17px;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#6558d5}.metric.blue:before{background:#3b82f6}.metric.green:before{background:#16a34a}.metric.red:before{background:#e94e5b}.metric.orange:before{background:#f59e0b}.metricIcon{float:right;width:32px;height:32px;border-radius:8px;background:#eeecff;color:#6458d3;display:grid;place-items:center;font-weight:700}.metric.blue .metricIcon{background:#e8f2ff;color:#4387db}.metric.green .metricIcon{background:#e9f8ed;color:#23a24f}.metric.red .metricIcon{background:#fff0f1;color:#d84650}.metric.orange .metricIcon{background:#fff4e3;color:#dd8a0c}.metric small{display:block;color:#767d8e;font-size:11px;font-weight:600;margin-bottom:9px}.metric strong{display:block;font:800 24px Manrope}.metric p{margin:5px 0 0;color:#8b91a0;font-size:10px}.grid2{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:20px;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.panelhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.panelhead p{font-size:11px;margin-top:3px}.link{border:0;background:none;color:var(--primary);font-size:12px;font-weight:600}.channelrow,.urgent{display:flex;align-items:center;gap:12px;border-top:1px solid #eff0f4;padding:12px 0}.datebox{width:42px;height:43px;border-radius:8px;background:#f0effc;color:var(--primary);display:grid;place-items:center;line-height:1;padding:5px}.datebox b{font-size:15px}.datebox small{text-transform:uppercase;font-size:8px}.datebox.danger{background:#fff0f1;color:#d84650}.grow{flex:1 1}.channelrow b,.urgent b{font-size:12px}.channelrow p,.urgent p{font-size:10px;color:var(--muted);margin:3px 0}.pill{font-size:9px;padding:4px 7px;border-radius:12px;font-weight:700}.pill.lost{color:#cf3e49;background:#ffedef}.pill.neutral{color:#6d7587;background:#f0f1f4}.pill.won{color:#158744;background:#e6f7eb}.channelIcon{width:31px;height:31px;background:#eeecff;color:var(--primary);border-radius:8px;display:grid;place-items:center;font-weight:700}.channelIcon.large{width:39px;height:39px;font-size:16px}.commercialNote{text-align:center;color:#8a90a0;font-size:10px;margin:20px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.toolbar input,.toolbar select{background:#fff;padding:10px;color:#555d6d}.search,.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:8px}.search{position:relative;min-width:280px;background:white;padding-left:11px;color:#8d93a1}.search input{border:0;width:90%;outline:0}.results{margin-left:auto;color:#8c92a0;font-size:11px}.kanban{display:flex;gap:13px;overflow-x:auto;padding-bottom:18px;align-items:flex-start}.column{background:#eef0f5;border-radius:10px;padding:12px;width:270px;min-width:270px;min-height:250px}.columnhead{display:flex;align-items:center;gap:8px}.columnhead>span{width:8px;height:8px;border-radius:50%}.columnhead b{font-size:11px;flex:1 1}.columnhead em{font-style:normal;font-size:10px;background:#dfe2e9;padding:3px 7px;border-radius:10px}.columnvalue{font-size:10px;color:#858c9d;padding:7px 16px 11px}.opcard{background:white;border:1px solid #e2e4e9;border-radius:9px;margin-bottom:10px;padding:13px;box-shadow:0 1px 3px #21263a0a}.opcard:hover{border-color:#bcb7ec;box-shadow:0 4px 14px #26304410}.cardtop{display:flex;justify-content:space-between}.cardtop button,.channelcardTop button{border:0;background:none;color:#8d93a0}.categoryTag,.tinyTag{font-size:8px;font-weight:700;color:#6558d5;background:#f0effc;border-radius:4px;padding:3px 5px}.opcard h3{margin:10px 0 4px;font-size:12px}.contact{font-size:10px;color:#777e8d;margin:0 0 12px}.cardvalue{font:700 13px Manrope;margin-bottom:11px}.cardvalue span{color:#959aa7;font:400 10px DM Sans}.next{border-top:1px solid #eeeef2;padding-top:9px;font-size:9px;color:#747b8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next.late{color:#d54853}.cardfoot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.cardfoot .avatar{width:23px;height:23px}.cardfoot select{max-width:120px;border:0;background:#f5f5f8;font-size:8px;border-radius:5px;padding:5px}.channelgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.channelcard{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px}.channelcardTop{display:flex;align-items:center;gap:8px}.channelcardTop button{margin-left:auto}.channelTitle{display:flex;gap:11px;align-items:center;margin-top:14px}.channelTitle h3{margin:0}.channelTitle p{margin:3px 0;color:#858b99;font-size:10px}.desc{font-size:11px;color:#666e7e;line-height:1.45;height:32px}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #efeff3;border-bottom:1px solid #efeff3;padding:13px 0}.stats>div+div{border-left:1px solid #eee;padding-left:15px}.stats small{display:block;font-size:8px;color:#9297a3;font-weight:700}.stats b{font:700 18px Manrope;display:inline-block;margin:4px 8px 0 0}.stats span{font-size:10px;color:#777e8d}.channelFoot{justify-content:space-between;padding-top:13px}.channelFoot,.person{display:flex;align-items:center}.person{gap:7px;font-size:10px}.person .avatar{width:24px;height:24px}.tabs{border-bottom:1px solid var(--line);display:flex;margin-bottom:18px}.tabs button{border:0;background:none;padding:11px 18px;color:#747b89}.tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:600}.tabs span{font-size:9px;background:#eaebef;border-radius:9px;padding:2px 5px}.activityPanel{padding:0 20px}.activityRow{display:flex;align-items:center;gap:18px;padding:15px 4px;border-bottom:1px solid #eeeef2}.activityRow:last-child{border:0}.activityRow b{font-size:12px;display:block}.oppLink{border:0;background:none;padding:3px 0 0;color:#777e8d;font-size:10px}.check{width:22px;height:22px;border:1px solid #cdd1da;border-radius:50%;background:white;color:white}.check.checked{background:#36a968;border-color:#36a968}.type{font-size:9px;background:#f0effc;color:#6558d5;padding:5px 8px;border-radius:5px}.redtext{color:#d84954;font-weight:600}.empty{text-align:center;color:#9a9fac;padding:45px;grid-column:1/-1}.empty:first-letter{font-size:28px}.empty p{margin:8px}.overlay{position:fixed;z-index:100;inset:0;background:#181a2c99;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:14px;width:min(650px,96vw);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #15162b55}.modal.wide{width:min(850px,96vw)}.modalhead{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;padding:22px 24px 17px;border-bottom:1px solid var(--line)}.modalhead h2{font-size:19px}.modalhead p{margin:4px 0 0;color:var(--muted);font-size:11px}.modalhead>button{border:0;background:#f1f2f5;border-radius:50%;width:28px;height:28px;font-size:19px}.modal form{padding:20px 24px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.formgrid>label>span{display:block;font-size:10px;font-weight:600;margin-bottom:6px;color:#565e6d}.categoryAdd input,.formgrid input,.formgrid select,.formgrid textarea{width:100%;border:1px solid #dfe2e8;border-radius:7px;padding:10px;outline:none;background:#fff}.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus{border-color:#8176e1;box-shadow:0 0 0 3px #6659d512}.formgrid textarea{resize:vertical;min-height:60px}.formgrid .full{grid-column:1/-1}.checks{display:flex;flex-wrap:wrap;gap:9px}.checks label{font-size:10px;border:1px solid #e0e2e8;border-radius:6px;padding:7px 9px}.checks input{width:auto;margin-right:6px}.modalfoot{display:flex;gap:8px;border-top:1px solid var(--line);padding:16px 24px;margin:20px -24px 0;justify-content:flex-end}.categoryAdd{display:flex;gap:8px;padding:20px 24px}.categoryList{padding:0 24px}.categoryList>div{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0}.categoryList>div>span:first-child{flex:1 1}.categoryList b,.categoryList small{display:block}.categoryList small{color:var(--muted);margin-top:3px}.small{padding:6px 9px;font-size:10px}.categoryList+.modalfoot{margin:15px 0 0}.detailTop{display:flex;align-items:center;gap:12px;padding:17px 24px;border-bottom:1px solid var(--line)}.stageBadge{font-size:10px;font-weight:600;border-radius:12px;padding:5px 9px;background:#eff0f4}.stageBadge.won{background:#e6f7eb;color:#158744}.stageBadge.lost{background:#ffedef;color:#cf3e49}.detailgrid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:30px;gap:30px;padding:23px}.detailgrid h3{font-size:12px}.detailgrid dl{display:grid;grid-template-columns:125px 1fr;font-size:11px;line-height:1.45}.detailgrid dt{color:#8a90a0;padding:6px 0}.detailgrid dd{margin:0;padding:6px 0;font-weight:500}.history{border-left:1px solid var(--line);padding-left:25px}.history>div{display:flex;gap:10px;position:relative;padding-bottom:18px}.history>div>span{width:9px;height:9px;background:#7064d8;border-radius:50%;margin-top:4px}.history>div:not(:last-child):after{content:"";position:absolute;left:4px;top:13px;bottom:1px;border-left:1px solid #dddfe6}.history p{margin:0}.history b,.history small{display:block;font-size:10px}.history small{color:#9095a2;margin-top:4px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.miniActivity{display:flex;gap:9px;border-top:1px solid var(--line);padding:10px 0}.miniActivity b{font-size:10px}.miniActivity p,.muted{font-size:9px;color:#858b99;margin:3px 0}.doneDot,.pendingDot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px}.doneDot{color:#fff;background:#32a866}.pendingDot{color:#aaa;border:1px solid #ccc}.loading{height:100vh;display:grid;place-items:center;color:#6558d5;font-weight:600}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.channelgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside{width:70px;padding:20px 10px}.brand{padding:0 7px 25px}.brand>div,.demo,.profile>div,nav button:not(.active){font-size:0}.brandmark{width:36px}.profile{padding-left:10px}nav button{padding:12px;text-align:center}nav button i{width:auto}.shell main{margin-left:70px;width:calc(100% - 70px)}header{padding:0 15px}.crumb{display:none}.content{padding:22px 15px}.pagehead{align-items:start;gap:15px}.pagehead p{max-width:400px}.metrics{grid-template-columns:1fr 1fr}.channelgrid,.grid2{grid-template-columns:1fr}.toolbar{overflow-x:auto}.search{min-width:240px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.detailgrid{grid-template-columns:1fr}.history{border-left:0;padding:0}.activityRow{min-width:680px}.activityPanel{overflow-x:auto}.memberSelect{font-size:0}.pagehead .actions{flex-direction:column}.channelcard .desc{height:auto}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.pagehead{display:block}.pagehead>.actions,.pagehead>.primary{margin-top:15px}.content{padding:18px 12px}.memberSelect select{max-width:170px}.overlay{padding:7px}.modal{max-height:96vh}.modalhead{padding:18px}.modal form{padding:16px 18px 0}.modalfoot{margin-left:-18px;margin-right:-18px}.urgent .pill{display:none}}.kanban{height:calc(100vh - 245px);min-height:420px;align-items:stretch;overscroll-behavior-x:contain;scrollbar-gutter:stable}.kanban .column{height:100%;max-height:100%;overflow-y:auto;scrollbar-gutter:stable}.kanban .columnhead{top:-12px;margin:-12px -12px 0;padding:12px 12px 7px}.kanban .columnhead,.kanban .columnvalue{position:-webkit-sticky;position:sticky;z-index:2;background:#eef0f5}.kanban .columnvalue{top:27px;margin:0 -12px;padding:7px 28px 11px}.kanban::-webkit-scrollbar{height:10px}.kanban .column::-webkit-scrollbar{width:7px}.kanban .column::-webkit-scrollbar-thumb,.kanban::-webkit-scrollbar-thumb{background:#c8cad5;border-radius:999px}.kanban .column::-webkit-scrollbar-track,.kanban::-webkit-scrollbar-track{background:#e9eaf0;border-radius:999px}@media(max-width:760px){.kanban{height:calc(100dvh - 255px);min-height:360px}}.proposalSection{margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.proposalForm{display:grid;grid-template-columns:1fr auto auto;grid-gap:7px;gap:7px;align-items:center}.proposalForm>input{min-width:0;padding:9px}.filePicker,.proposalForm>input{border:1px solid #dfe2e8;border-radius:7px;font-size:10px}.filePicker{padding:8px 10px;font-weight:600;color:#596171;cursor:pointer;white-space:nowrap}.filePicker input{display:none}.proposalHint{display:block;color:#858b99;font-size:8px;margin:6px 0 9px}.pasteTarget{border:1px dashed #c9c5e8;background:#faf9ff;color:#6e64c8;border-radius:7px;padding:10px;text-align:center;font-size:9px;outline:none;margin-top:7px}.pasteTarget:focus{border-color:#6e64c8;box-shadow:0 0 0 3px #6558d512}.pasteTarget.hasFile{background:#f0fbf3;border-color:#7acb91;color:#278148}.pasteTarget small{display:block;margin-top:4px}.proposalItem{display:flex;align-items:center;gap:8px;border-top:1px solid #eeeef2;padding:9px 0}.proposalItem>span{font-size:8px;font-weight:700;color:#6558d5;background:#efedff;border-radius:4px;padding:4px}.proposalItem a{font-size:10px;color:#3c4658;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.proposalItem a:hover{color:#6558d5;text-decoration:underline}.proposalItem small{font-size:8px;color:#9298a5}.proposalItem button{border:0;background:none;color:#a1a5af;font-size:16px}.proposalItem button:hover{color:#d84954}@media(max-width:600px){.proposalForm{grid-template-columns:1fr}.filePicker,.proposalForm .primary{text-align:center}}.loginPage{width:100%;min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#7770df33,transparent 32%),linear-gradient(145deg,#20223d,#292c50)}.loginCard{width:min(420px,100%);background:#fff;border-radius:18px;padding:34px;box-shadow:0 30px 80px #11132866}.loginBrand{display:flex;align-items:center;gap:11px;margin-bottom:34px}.loginBrand b{font:800 20px Manrope}.loginBrand small{display:block;color:#8d92a0;font-size:8px;letter-spacing:2px}.loginIntro>small{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#6558d5}.loginIntro h1{margin-top:7px}.loginIntro p{color:#747b89;margin:0 0 25px}.loginCard form{display:grid;grid-gap:15px;gap:15px}.loginCard form label>span{display:block;font-size:10px;font-weight:600;margin-bottom:6px}.loginCard form input{width:100%;border:1px solid #dfe2e8;border-radius:8px;padding:12px;outline:none}.loginCard form input:focus{border-color:#776cdf;box-shadow:0 0 0 3px #6558d514}.loginCard form .primary{margin-top:3px}.loginError{margin:0;background:#fff0f1;color:#c83e49;border-radius:7px;padding:9px;font-size:10px}.loginNote{text-align:center;color:#959aa6;font-size:9px;margin:20px 0 0}.profile button{display:block;border:0;background:none;color:#9ca0b6;font-size:9px;padding:3px 0}.profile button:hover{color:#fff}.proposalItem .proposalFileLink{font-size:10px;color:#3c4658;text-align:left;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.proposalItem .proposalFileLink:hover{color:#6558d5;text-decoration:underline}.proposalItem .proposalAction{font-size:15px;color:#6558d5}.proposalItem .proposalAction:hover{color:#4539aa}.channelContacts{display:grid;grid-gap:4px;gap:4px;margin:10px 0 12px}.channelContacts a{font-size:9px;color:#6558d5;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channelContacts a:hover{text-decoration:underline}.imagePreview{position:relative;display:inline-flex;flex-direction:column;align-items:center;max-width:100%}.imagePreview img{display:block;max-width:100%;max-height:230px;object-fit:contain;border-radius:8px;box-shadow:0 3px 14px #20223d22}.imagePreview button{position:absolute;right:-8px;top:-8px;width:24px;height:24px;border:0;border-radius:50%;background:#20223d;color:#fff;font-size:16px;line-height:1;box-shadow:0 2px 8px #20223d55}.imagePreview button:hover{background:#d84954}.imagePreview small{max-width:100%;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}