:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#16253b;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h2{font-size:22px}h3{font-size:16px}p{color:#637188}.app{display:flex;min-height:100vh}.sidebar{background:#0b1628;color:#fff;width:253px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:24px 13px;z-index:20}.brandlogo{display:flex;align-items:center;gap:10px;padding:0 9px 24px}.brandlogo .mark{font-size:47px;font-weight:800;font-style:italic;color:#ff6a00;line-height:1}.brandlogo strong{display:block;font-size:23px;letter-spacing:-1px;font-family:Georgia,serif;font-weight:500}.brandlogo small{font-size:9px;letter-spacing:3px;color:#d9e4f0}.workspace{padding:12px 10px;margin-bottom:15px;border-top:1px solid #304056;border-bottom:1px solid #304056}.workspace span{font-size:10px;color:#91a5c0;font-weight:700;letter-spacing:1px}.workspace select{margin-top:8px;background:#172a43;color:#fff;border:1px solid #344962;border-radius:8px;padding:9px;width:100%;font-size:12px}.navlist{overflow-y:auto;flex:1}.navitem{width:100%;background:transparent;color:#aebdd0;border:0;border-radius:9px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;font-weight:600;margin:2px 0}.navitem:hover,.navitem.active{background:#086b74;color:#fff}.navitem.active{border-left:3px solid #00b7b0}.sidebarBottom{border-top:1px solid #304056;padding-top:12px}.demoTag{font-size:10px;color:#ff8c46;display:block;padding:10px}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:83px;background:#fff;border-bottom:1px solid #e1e7ef;padding:16px 30px;display:flex;justify-content:space-between;align-items:center}.topTitle span,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#0b8f93}.topTitle h1{font-size:20px;margin:4px 0 0}.topActions{display:flex;align-items:center;gap:13px}.roleBadge{font-size:12px;color:#53637a;border:1px solid #dbe2ec;padding:8px 12px;border-radius:20px}.iconbtn{border:0;background:transparent;color:#596a7d;display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:8px}.iconbtn:hover{background:#e8f1f5}.iconbtn.tiny{padding:2px}.avatar{width:36px;height:36px;border-radius:50%;background:#ff6a00;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.avatar.small{width:33px;height:33px;font-size:12px}.avatar.big{width:58px;height:58px;background:#d8eff0;color:#0b8185}.content{padding:28px 30px;flex:1}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.pagehead h2{margin:0 0 6px}.pagehead p{font-size:13px;margin:0}.orange{color:#ff6a00}.teal{color:#008d8b}.btn{border:1px solid transparent;border-radius:8px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:750;min-height:38px;white-space:nowrap}.btn.primary{background:#ff6a00;color:#fff}.btn.primary:hover{background:#e75c00}.btn.outline{background:#fff;color:#17405a;border-color:#d6e0ea}.btn.outline:hover{background:#eef7f8}.btn.compact{padding:6px 9px;min-height:30px}.btn.full{width:100%;margin-top:12px}.selectSmall,.toolbar select{border:1px solid #d9e1eb;border-radius:8px;background:#fff;padding:10px;color:#30445d;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 3px 12px #15283d06}.kpi{padding:21px}.kpi span,.kpi small{display:block;color:#66768a;font-size:12px}.kpi strong{display:block;font-size:25px;margin:10px 0 8px;color:#14233b}.kpi small{color:#008d8b}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:20px;margin-bottom:18px}.panelhead,.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panelhead h3,.sectionTitle h3{margin:0}.textbtn,.linkbtn{display:inline-flex;align-items:center;gap:3px;background:none;border:0;color:#008b8d;font-size:12px;font-weight:700}.bars{display:flex;flex-direction:column;gap:19px;padding:8px 0}.barrow{display:grid;grid-template-columns:94px 1fr 95px;align-items:center;gap:10px;font-size:11px}.barrow b{text-align:right}.bartrack{height:10px;border-radius:20px;background:#e7eef3;overflow:hidden}.bartrack div{height:100%;border-radius:20px;background:#00b7b0}.alertItem,.listrow{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1f5;padding:13px 0}.alertItem:last-child,.listrow:last-child{border:0}.alertItem>div,.listrow>div{flex:1;min-width:0}.alertItem strong,.listrow b{font-size:12px}.alertItem p,.listrow small{display:block;color:#7a8798;font-size:11px;margin:5px 0 0}.pill{border-radius:30px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap;background:#e8f1f7;color:#275b77}.pill.good{background:#e0f7ec;color:#0a8758}.pill.bad{background:#ffeded;color:#d44343}.pill.warm{background:#fff0e4;color:#ce5500}.empty{padding:30px;color:#a1adba;text-align:center}.empty p{font-size:12px}.kanban{display:flex;overflow-x:auto;gap:14px;padding-bottom:16px;align-items:flex-start}.kanbanCol{min-width:220px;flex:1;background:#edf2f8;border:1px solid #e0e8f0;border-radius:12px;padding:13px;min-height:320px}.kanbanHead{display:flex;justify-content:space-between;align-items:center;font-size:13px}.kanbanHead span{background:#dce6ee;border-radius:30px;padding:3px 9px}.kanbanSum{color:#667b8f;font-size:12px;margin:9px 0 16px}.oppCard{background:#fff;padding:13px;border-radius:10px;border:1px solid #dce5ed;box-shadow:0 3px 8px #10243c0a;margin-bottom:10px;cursor:grab}.oppTop{display:flex;justify-content:space-between}.oppCard strong{font-size:12px;display:block;margin-top:10px}.oppCard p,.oppCard small{font-size:11px;margin:7px 0;color:#6d7d90}.oppCard h3{font-size:18px;margin:12px 0}.oppCard select{width:100%;margin-top:12px;border:1px solid #dce3eb;border-radius:6px;padding:6px;font-size:11px;background:#f7f9fc}.inbox{display:grid;grid-template-columns:260px minmax(280px,1fr) 250px;background:#fff;border:1px solid #e0e8ef;border-radius:13px;min-height:600px;overflow:hidden}.conversationList,.chat{border-right:1px solid #e4eaf0}.paneTitle{min-height:60px;border-bottom:1px solid #e6ecf2;padding:19px 17px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.paneTitle span{font-size:11px;color:#718096}.conversation{display:flex;align-items:center;gap:9px;width:100%;border:0;border-bottom:1px solid #eef2f6;background:#fff;padding:13px 10px;text-align:left}.conversation.chosen{background:#e8f6f5;border-left:3px solid #00b7b0}.conversation>div:nth-child(2){min-width:0;flex:1}.conversation strong,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation strong{font-size:11px}.conversation small{font-size:10px;color:#8491a1;margin-top:5px}.unread{background:#ff6a00;color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:10px}.chat{display:flex;flex-direction:column}.messages{padding:22px;flex:1;background:#f9fbfd;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.bubble{max-width:80%;border-radius:13px 13px 13px 3px;padding:13px;background:#e9eef5;font-size:12px;line-height:1.6}.bubble.mine{align-self:flex-end;background:#d7f4f0;border-radius:13px 13px 3px}.chatCompose{padding:15px;display:flex;gap:8px;border-top:1px solid #e7edf2}.chatCompose input{flex:1;min-width:0;border:1px solid #dce4ed;border-radius:8px;padding:10px;font-size:12px}.chatContext{padding-bottom:20px}.chatContext>p{font-size:12px;margin:16px}.chatContext>.btn{width:calc(100% - 32px);margin:8px 16px}.clientBadge{text-align:center;padding:20px}.clientBadge .avatar{margin:auto}.clientBadge h3{margin:13px 0 9px}.clientHero{display:flex;align-items:center;gap:18px;padding:6px 0 20px}.clientHero>div:nth-child(2){flex:1}.clientHero h2{margin:0 0 7px}.clientHero p{font-size:12px}.tabbar{display:flex;overflow:auto;border-bottom:1px solid #e4eaf1;margin-bottom:20px;gap:12px}.tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 9px;color:#65778a;white-space:nowrap;font-size:12px}.tab.active{color:#007c84;border-bottom-color:#00b7b0;font-weight:800}.detailGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.infoCard{background:#f5f8fb;border:1px solid #e6ecf2;border-radius:10px;padding:17px;display:flex;flex-direction:column;gap:10px}.infoCard span{font-size:11px;color:#758399}.infoCard strong{font-size:21px}.infoCard b{font-size:13px}.infoCard small{font-size:11px;color:#738399}.records{min-height:150px}.toolbar{display:flex;gap:10px;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;border:1px solid #dce4ed;background:#fff;border-radius:8px;padding:0 12px;flex:1}.search input{border:0;outline:0;width:100%;padding:10px}.tablePanel{padding:0;overflow:hidden}.tableScroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:11px;color:#65788d;background:#f6f9fc;padding:16px;white-space:nowrap}td{padding:16px;border-top:1px solid #edf1f5;white-space:nowrap}td b{font-size:12px}.quoteLayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px}.field{display:flex;flex-direction:column;gap:7px;margin:13px 0;font-size:12px;font-weight:700}.field span{color:#4d6077}.field input,.field select{border:1px solid #d9e3eb;background:#fff;border-radius:8px;padding:12px;width:100%;color:#17253b;outline-color:#00b7b0}.quoteLine{display:grid;grid-template-columns:minmax(0,1fr) 65px 100px 30px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5}.quoteLine select,.quoteLine input{min-width:0;width:100%;border:1px solid #dce5ed;border-radius:8px;padding:10px;font-size:12px}.quoteLine b{font-size:12px;text-align:right}.summary>p{font-size:12px}.sumrow{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #e9edf2;font-size:13px}.sumrow.total{border:0;font-size:17px}.sumrow.total strong{font-size:24px;color:#0b1628}.muted{font-size:11px;color:#8a97a6;margin-top:15px}.orderHero{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eaf0;padding-bottom:20px}.orderHero h2{margin:10px 0}.orderHero p{font-size:12px}.orderSteps{display:flex;justify-content:space-between;gap:10px;margin:30px 0}.step{flex:1;text-align:center;position:relative}.step>span{display:grid;place-items:center;margin:0 auto 8px;width:32px;height:32px;border-radius:50%;background:#e8edf2;color:#718299;font-weight:800}.step.done>span{background:#00b7b0;color:#fff}.step small{font-size:10px;color:#64748a}.actionRow{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.radarGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.radarCard{padding:22px}.radarIcon{background:#fff0e4;color:#ff6a00;width:45px;height:45px;border-radius:11px;display:grid;place-items:center}.radarMeta{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.radarMeta>span:last-child{font-size:9px;color:#7d8b9c}.radarCard h3{margin:0 0 8px}.radarCard p{font-size:12px}.radarCard>strong{font-size:25px}.reason{display:flex;gap:8px;background:#fff5ed;color:#bd5d15;padding:12px;border-radius:9px;font-size:11px;margin-top:18px}.taskRow{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f5}.taskRow>div{flex:1}.taskRow b,.taskRow small{display:block;font-size:12px}.taskRow small{color:#8391a1;margin-top:5px}.taskRow input{accent-color:#00b7b0;width:18px;height:18px}.strike{text-decoration:line-through;color:#94a1ad}.calendarMini{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:22px}.calendarMini>div{background:#f1f6f9;padding:14px 4px;text-align:center;border-radius:8px}.calendarMini span,.calendarMini strong{display:block}.calendarMini span{font-size:10px;color:#8390a0}.calendarMini strong{font-size:16px;margin-top:8px}.permissions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.permissions div{display:flex;align-items:center;gap:10px;font-size:12px}.integrations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.integration{border:1px solid #e3eaf1;border-radius:12px;padding:18px}.integrationIcon{color:#00a6a6;background:#e8f8f6;padding:11px;border-radius:9px;width:max-content}.integration h3{margin:15px 0 10px}.integration p{font-size:11px;min-height:46px;margin:12px 0}.footer{display:flex;justify-content:space-between;padding:19px 30px;border-top:1px solid #e1e8ef;font-size:11px;color:#8a96a8}.footer strong{color:#496075}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081326a6;display:grid;place-items:center;z-index:60;padding:16px}.modal{background:#fff;width:min(100%,510px);max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 30px 80px #0004}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #e7ecf2}.modalHeader h2{margin:0;font-size:18px}.modalBody{padding:20px 23px}.modalBody>p{font-size:13px}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;bottom:30px;right:25px;background:#0b1628;color:#fff;border-left:4px solid #00b7b0;border-radius:9px;padding:14px 20px;z-index:90;font-size:12px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 35px #0003}.loginwrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.loginhero{background:#0b1628;color:#fff;padding:70px 12%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.loginhero .brandlogo{padding:0}.loginhero .brandlogo strong{font-size:34px}.loginhero h1{font-size:clamp(35px,4vw,64px);line-height:1.08;margin:75px 0 25px;max-width:600px}.loginhero p{color:#aebdd1;font-size:17px;max-width:480px}.heroLine{width:260px;height:8px;background:#ff6a00;transform:skew(-30deg);margin-top:50px}.loginform{width:min(400px,85%);margin:auto}.loginform h2{font-size:29px;margin:16px 0 8px}.loginform p{font-size:13px}.loginform .btn{margin-top:24px}.loginform .linkbtn{display:block;margin:17px auto}.footnote{text-align:center;color:#a0adba;margin-top:55px}.bottomNav,.mobileMenu,.mobileSheet,.overlay{display:none}@media(max-width:1250px){.sidebar{width:220px}.content{padding:22px}.inbox{grid-template-columns:220px minmax(220px,1fr)}.chatContext{display:none}.integrations{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{position:fixed;transform:translate(-100%);transition:transform .2s;width:270px}.sidebar.show{transform:translate(0)}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#07122388;z-index:15}.mobileMenu{display:inline-flex}.topbar{height:69px;padding:12px 16px}.topTitle h1{font-size:16px}.topTitle span{font-size:9px}.roleBadge{display:none}.content{padding:18px 14px 85px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:15px}.kpi strong{font-size:21px}.twoCols,.quoteLayout{grid-template-columns:1fr}.detailGrid{grid-template-columns:repeat(2,1fr)}.radarGrid{grid-template-columns:1fr}.inbox{grid-template-columns:160px minmax(0,1fr)}.conversation{padding:10px 5px}.conversation .avatar{display:none}.bottomNav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #dfe6ee;z-index:12;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.bottomNav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;color:#7d8da0;font-size:10px;min-width:55px}.bottomNav button.selected{color:#008c8e}.footer{display:none}.mobileSheet{position:fixed;inset:auto 0 0;background:#fff;z-index:45;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:24px 16px 40px;border-radius:20px 20px 0 0;box-shadow:0 0 0 100vh #06142788}.mobileSheet h3{grid-column:1/-1}.mobileSheet>button:not(.sheetClose){background:#f2f6fa;border:0;border-radius:8px;padding:14px 8px;text-align:left;font-size:12px}.sheetClose{position:absolute;right:12px;top:12px;border:0;background:none}.loginwrap{grid-template-columns:1fr}.loginhero{padding:35px 25px;min-height:200px}.loginhero h1{font-size:26px;margin:22px 0 8px}.loginhero p{font-size:12px}.heroLine{display:none}.loginform{padding:30px 0}.loginhero .brandlogo strong{font-size:24px}}@media(max-width:480px){.pagehead{align-items:flex-start;flex-direction:column}.panel{padding:15px}.kpi strong{font-size:19px}.barrow{grid-template-columns:68px 1fr 72px;font-size:9px}.inbox{display:flex;flex-direction:column}.conversationList{display:flex;overflow-x:auto;max-height:120px}.conversationList .paneTitle{display:none}.conversation{min-width:160px;max-width:160px}.chat{min-height:470px}.quoteLine{grid-template-columns:1fr 55px;gap:6px}.quoteLine b{grid-column:1}.orderSteps{overflow-x:auto}.step{min-width:75px}.permissions,.integrations{grid-template-columns:1fr}.topActions{gap:2px}.clientHero{flex-wrap:wrap}.clientHero .btn{margin-left:auto}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.loginhero{min-height:210px}}.channelFilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 15px}.channelFilter{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce5ed;color:#44556b;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;min-height:39px}.channelFilter.selected{border-color:#00b7b0;background:#e5f8f6;color:#006e70}.channelIcon{display:inline-block;flex-shrink:0;object-fit:contain}.conversationAvatar{position:relative;flex-shrink:0}.channelCorner{position:absolute;right:-5px;bottom:-6px;background:#fff;border:1px solid #e3eaf1;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.channelLabel{display:block;color:#00888b;font-size:10px;font-weight:700;margin-top:3px}.chatHeading{gap:8px}.chatHeadingMain{display:flex;align-items:center;gap:10px;min-width:0}.chatHeadingMain strong{display:block;font-size:12px}.chatHeadingMain small{display:block;color:#7a899a;font-size:10px;margin-top:4px;font-weight:500}.contextChannel{display:flex;align-items:center;gap:9px;margin:13px 16px;padding:10px;border-radius:8px;background:#f2f8fa;font-size:11px;font-weight:700;color:#42576b}@media(max-width:850px){.conversationAvatar,.channelCorner{display:none}.channelLabel{font-size:9px}}@media(max-width:480px){.channelFilters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.channelFilter{white-space:nowrap;flex-shrink:0}.chatHeading{padding:12px 10px}.chatHeadingMain strong{font-size:11px}.chatHeadingMain small{font-size:9px}.conversation{min-width:175px;max-width:175px}}