*{box-sizing:border-box}html,body{color:#172033;background:#f6f7f9;min-height:100%;margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.appShell{width:100%;min-height:100vh;display:flex}.sidebar{z-index:10;background:#fff;border-right:1px solid #e3eaf4;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;height:100vh;display:flex;position:relative;overflow:hidden}.brand{box-sizing:border-box;border-bottom:1px solid #e8edf5;align-items:center;gap:12px;height:86px;min-height:86px;padding:0 20px;display:flex}.brandLogo{color:#fff;background:#0aa174;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.brandText{min-width:0}.brandTitle{color:#0f172a;white-space:nowrap;font-size:17px;font-weight:700}.brandSubtitle{color:#8491a5;white-space:nowrap;margin-top:3px;font-size:12px}.sidebarNav{flex-direction:column;flex:1;gap:5px;padding:18px 12px;display:flex;overflow:hidden auto}.sidebarNav::-webkit-scrollbar{width:4px}.sidebarNav::-webkit-scrollbar-thumb{background:#d6deea;border-radius:20px}.sidebarItem{box-sizing:border-box;color:#52627b;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:46px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebarItem:hover{color:#0f172a;background:#f2f6fb}.sidebarItemActive{color:#fff;background:#0aa174}.sidebarItemActive:hover{color:#fff;background:#079368}.sidebarIcon{flex-shrink:0}.sidebarLabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebarFooter{color:#75849a;box-sizing:border-box;border-top:1px solid #e8edf5;align-items:center;gap:8px;min-height:58px;padding:0 20px;font-size:12px;display:flex}.sidebarFooter .statusDot{background:#13c778;border-radius:50%;flex-shrink:0;width:8px;height:8px}.statusDot,.dot{background:#16b875;border-radius:50%;flex-shrink:0;width:8px;height:8px}.content{flex:1;min-width:0;min-height:100vh;margin-left:0}.topbar{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:88px;padding:0 30px;display:flex;position:sticky;top:0}.profile{background:#fff;border:1px solid #e3e7ed;border-radius:999px;align-items:center;gap:10px;padding:6px 13px 6px 6px;display:flex}.avatar{color:#fff;background:#7628c7;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.profileName{color:#182230;font-size:13px;font-weight:700}.onlineText{color:#08a36d;margin-top:2px;font-size:11px}.dashboard{max-width:1480px;margin:0 auto;padding:34px 36px 48px}.headingRow{justify-content:space-between;align-items:center;gap:20px;display:flex}.headingRow h1{letter-spacing:-.8px;color:#101828;margin:0;font-size:34px;line-height:1.15}.headingRow p{color:#7a8494;margin:8px 0 0;font-size:15px}.refreshButton{color:#344054;background:#fff;border:1px solid #dfe4ea;border-radius:9px;align-items:center;gap:8px;min-height:40px;padding:0 15px;transition:background .15s,border-color .15s;display:inline-flex}.refreshButton:hover{background:#f8fafc;border-color:#cfd5dd}.refreshButton:disabled{opacity:.65;cursor:not-allowed}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.statCard{background:#fff;border:1px solid #e5e9ef;border-radius:12px;min-height:150px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s}.statCard:hover{border-color:#d9dfe7;transform:translateY(-2px);box-shadow:0 8px 24px #1018280f}.statIcon{color:#07966d;background:#eef9f5;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.statValue{color:#101828;margin-top:19px;font-size:28px;font-weight:750;line-height:1}.statTitle{color:#7b8492;margin-top:9px;font-size:13px}.pageContainer{max-width:1480px;margin:0 auto;padding:32px 36px 48px}.pageHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.pageTitle{color:#101828;margin:0;font-size:30px}.pageSubtitle{color:#7b8492;margin-top:7px;font-size:14px}.panel{background:#fff;border:1px solid #e5e9ef;border-radius:12px}.emptyState{text-align:center;color:#7b8492;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.errorBox{color:#b42318;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:18px;padding:12px 15px;font-size:13px}@media (max-width:1200px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.sidebar{width:76px}.brand{justify-content:center;padding:0}.brandTitle,.brandSubtitle,.brandSub,.sidebarItem span,.navItem span,.sidebarFooter,.realtime{display:none}.sidebarItem,.navItem{justify-content:center;padding:0}.content{margin-left:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.sidebar{display:none}.content{margin-left:0}.topbar{height:72px;padding:0 16px}.dashboard,.pageContainer{padding:22px 16px 36px}.headingRow,.pageHeader{flex-direction:column;align-items:flex-start}.headingRow h1,.pageTitle{font-size:28px}.grid{grid-template-columns:1fr}.statCard{min-height:132px}.profileName{display:none}.profile{padding-right:7px}}.crmTopbar{color:#fff;z-index:40;background:#344f69;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topNavigation{align-items:stretch;gap:8px;height:100%;display:flex}.topNavigation a{color:#eef5fa;border-bottom:3px solid #0000;align-items:center;height:100%;padding:0 13px;font-size:14px;text-decoration:none;display:flex}.topNavigation a:hover{background:#ffffff14}.topNavigation .topNavActive{border-bottom-color:#fff;font-weight:700}.crmTopbar .profile{color:#fff;background:#ffffff14;border-color:#ffffff24}.crmTopbar .profileName{color:#fff}.zohoDashboard{max-width:1500px;margin:0 auto;padding:28px 22px 48px}.dashboardHeading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.dashboardHeading h1{color:#152536;margin:0;font-size:28px}.dashboardHeading p{color:#788594;margin:5px 0 0;font-size:14px}.dashboardColumns{grid-template-columns:minmax(0,1fr) 320px;gap:22px;display:grid}.dashboardMainColumn,.dashboardSideColumn{flex-direction:column;gap:22px;display:flex}.dashboardPanel{background:#fff;border:1px solid #dfe4e8;border-radius:4px;overflow:hidden}.panelHeading{border-bottom:1px solid #e7ebef;justify-content:space-between;align-items:center;min-height:62px;padding:16px 20px;display:flex}.panelHeading h2{color:#121b24;margin:0;font-size:18px}.panelHeading span{color:#9099a3;margin-top:4px;font-size:12px;display:block}.panelLink{color:#2772b6;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.healthGrid{grid-template-columns:repeat(4,1fr);display:grid}.healthItem{border-bottom:1px solid #e8ecef;border-right:1px solid #e8ecef;align-items:center;gap:13px;min-height:115px;padding:20px;display:flex}.healthItem:nth-child(4n){border-right:0}.healthIcon{color:#07966d;background:#eef8f5;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.healthLabel{color:#788391;font-size:12px}.healthValue{color:#152536;margin-top:7px;font-size:24px;font-weight:700}.performanceRow{grid-template-columns:repeat(4,1fr);display:grid}.performanceRow>div{border-right:1px solid #e7ebef;padding:18px 20px}.performanceRow>div:last-child{border-right:0}.performanceRow span{color:#7e8995;font-size:12px;display:block}.performanceRow strong{color:#172536;margin-top:7px;font-size:19px;display:block}.panelLoading{text-align:center;color:#87919c;padding:60px 20px}.quickActions{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.quickActions a{color:#273646;border:1px solid #e4e9ed;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:74px;font-size:12px;text-decoration:none;transition:all .15s;display:flex}.quickActions a:hover{color:#087d5d;background:#f4fbf8;border-color:#159d75}.liveStreamPanel{min-height:340px}.recentPanel{min-height:270px}.emptyDashboardState{color:#949da7;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:205px;padding:30px;display:flex}.emptyDashboardState strong{color:#596675;margin-top:12px;font-size:14px}.emptyDashboardState span{max-width:360px;margin-top:6px;font-size:12px;line-height:1.5}.emptyDashboardState.compact{min-height:260px}@media (max-width:1150px){.dashboardColumns{grid-template-columns:1fr}.dashboardSideColumn{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:900px){.healthGrid{grid-template-columns:repeat(2,1fr)}.healthItem:nth-child(4n){border-right:1px solid #e8ecef}.healthItem:nth-child(2n){border-right:0}.performanceRow{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.crmTopbar{padding:0 10px;overflow-x:auto}.crmTopbar .profile{display:none}.topNavigation{min-width:max-content}.dashboardHeading{flex-direction:column;align-items:flex-start;gap:14px}.healthGrid,.performanceRow,.dashboardSideColumn{grid-template-columns:1fr}.healthItem{border-right:0}.performanceRow>div{border-bottom:1px solid #e7ebef;border-right:0}.quickActions{grid-template-columns:1fr 1fr}.zohoDashboard{padding:18px 12px 30px}}.inboxPage{background:#f5f7f9;min-height:calc(100vh - 64px);padding:22px 24px}.inboxHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.inboxHeader h1{color:#172033;margin:0;font-size:26px;font-weight:700}.inboxHeader p{color:#7b8492;margin:6px 0 0;font-size:13px}.inboxLayout{background:#fff;border:1px solid #dfe4e8;border-radius:8px;grid-template-columns:320px minmax(400px,1fr) 280px;height:calc(100vh - 175px);display:grid;overflow:hidden}.conversationColumn{background:#fff;border-right:1px solid #e4e8ec;flex-direction:column;min-width:0;display:flex}.conversationHeader{border-bottom:1px solid #e7ebef;align-items:center;min-height:64px;padding:0 16px;display:flex}.conversationHeader strong{color:#202938;font-size:15px;display:block}.conversationHeader span{color:#9099a5;margin-top:3px;font-size:11px;display:block}.conversationSearch{color:#84909d;background:#fff;border:1px solid #dfe4e8;border-radius:6px;align-items:center;gap:8px;height:40px;margin:12px;padding:0 11px;display:flex}.conversationSearch input{color:#3c4654;background:0 0;border:none;outline:none;width:100%;font-size:13px}.conversationSearch input::placeholder{color:#a0a8b2}.inboxEmpty{text-align:center;color:#9aa3ad;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 20px;display:flex}.inboxEmpty svg{margin-bottom:12px}.inboxEmpty strong{color:#4e5968;font-size:14px}.inboxEmpty span{max-width:220px;margin-top:6px;font-size:12px;line-height:1.5}.chatColumn{background:#f8fafb;flex-direction:column;min-width:0;display:flex}.chatEmpty{text-align:center;color:#9aa3ad;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.chatEmpty svg{margin-bottom:14px}.chatEmpty strong{color:#45505f;font-size:15px}.chatEmpty span{max-width:280px;margin-top:7px;font-size:12px;line-height:1.5}.customerColumn{background:#fff;border-left:1px solid #e4e8ec;flex-direction:column;min-width:0;display:flex}.customerPanelHeader{color:#273241;border-bottom:1px solid #e7ebef;align-items:center;min-height:64px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.customerEmpty{text-align:center;color:#9aa3ad;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px 18px;display:flex}.customerEmpty svg{margin-bottom:12px}.customerEmpty strong{color:#4e5968;font-size:14px}.customerEmpty span{max-width:210px;margin-top:6px;font-size:12px;line-height:1.5}@media (max-width:1200px){.inboxLayout{grid-template-columns:290px minmax(350px,1fr) 250px}}@media (max-width:1000px){.inboxLayout{grid-template-columns:300px minmax(0,1fr)}.customerColumn{display:none}}@media (max-width:760px){.inboxPage{padding:12px}.inboxLayout{height:auto;display:block}.conversationColumn{border-bottom:1px solid #e4e8ec;border-right:none;min-height:350px}.chatColumn{min-height:450px}}.modulePage{background:#f5f7f9;min-height:calc(100vh - 64px);padding:22px 24px}.moduleHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.moduleHeader h1{color:#172033;margin:0;font-size:26px;font-weight:700}.moduleHeader p{color:#7b8492;margin:6px 0 0;font-size:13px}.modulePanel{background:#fff;border:1px solid #dfe4e8;border-radius:8px;flex-direction:column;min-height:calc(100vh - 175px);display:flex;overflow:hidden}.moduleToolbar{border-bottom:1px solid #e7ebef;align-items:center;min-height:64px;padding:0 16px;display:flex}.moduleSearch{color:#84909d;border:1px solid #dfe4e8;border-radius:6px;align-items:center;gap:8px;width:320px;height:40px;padding:0 11px;display:flex}.moduleSearch input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.moduleEmpty{text-align:center;color:#9aa3ad;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:400px;padding:30px;display:flex}.moduleEmpty strong{color:#4e5968;margin-top:12px;font-size:15px}.moduleEmpty span{max-width:300px;margin-top:6px;font-size:12px;line-height:1.5}.reportFilter{color:#667180;background:#fff;border:1px solid #dfe4e8;border-radius:6px;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:13px;display:flex}.whatsappStatusGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.whatsappStatusCard{background:#fff;border:1px solid #dfe4e8;border-radius:8px;align-items:center;gap:13px;min-height:100px;padding:16px;display:flex}.whatsappCardIcon{color:#15966b;background:#eef8f4;border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.whatsappStatusCard span{color:#7c8693;font-size:12px;display:block}.whatsappStatusCard strong{color:#303a47;margin-top:5px;font-size:14px;display:block}.whatsappPanelGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.whatsappConfigPanel,.whatsappHealthPanel{min-height:390px}.whatsappPanelHeading{border-bottom:1px solid #e7ebef;align-items:center;min-height:76px;padding:16px 18px;display:flex}.whatsappPanelHeading h3{color:#273241;margin:0;font-size:15px}.whatsappPanelHeading p{color:#87919d;margin:5px 0 0;font-size:12px}.whatsappConfigList{padding:8px 18px}.configRow{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.configRow:last-child{border-bottom:none}.configRow span{color:#737e8b;font-size:13px}.configRow strong{color:#34404d;text-align:right;font-size:13px}@media (max-width:1100px){.whatsappStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.whatsappPanelGrid{grid-template-columns:1fr}}@media (max-width:700px){.whatsappStatusGrid{grid-template-columns:1fr}}.settingsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.settingsCard{color:#52606d;background:#fff;border:1px solid #dfe4e8;border-radius:8px;align-items:flex-start;gap:14px;min-height:120px;padding:20px;display:flex}.settingsCard svg{color:#168f6a;flex-shrink:0}.settingsCard strong{color:#263341;font-size:14px;display:block}.settingsCard span{color:#818b97;margin-top:7px;font-size:12px;line-height:1.5;display:block}@media (max-width:1100px){.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.settingsGrid{grid-template-columns:1fr}}.whatsappTestPanel{min-height:auto}.whatsappSendForm{max-width:650px;padding:22px}.whatsappSendForm label{color:#34404d;margin:14px 0 7px;font-size:13px;font-weight:600;display:block}.whatsappSendForm input,.whatsappSendForm textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d8dee5;border-radius:7px;outline:none;padding:11px 12px}.whatsappSendForm textarea{resize:vertical}.whatsappSendForm input:focus,.whatsappSendForm textarea:focus{border-color:#15966b}.whatsappSendForm small{color:#8b95a1;margin-top:6px;font-size:11px;display:block}.whatsappSendButton{color:#fff;cursor:pointer;background:#119b70;border:0;border-radius:7px;align-items:center;gap:8px;height:42px;margin-top:18px;padding:0 18px;font-weight:600;display:inline-flex}.whatsappSendButton:disabled{opacity:.55;cursor:not-allowed}.whatsappSuccess,.whatsappError{border-radius:7px;align-items:center;gap:8px;margin-top:15px;padding:11px 13px;font-size:13px;display:flex}.whatsappSuccess{color:#087a54;background:#edf9f4}.whatsappError{color:#b42318;background:#fff1f1}.waPage{background:#f3f5f7;min-height:calc(100vh - 64px);padding:20px 24px}.waPageHeader{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.waPageHeader h1{margin:0;font-size:24px}.waPageHeader p{color:#7d8792;margin:5px 0 0;font-size:12px}.waHeaderRight{align-items:center;gap:10px;display:flex}.waStatus{background:#fff;border:1px solid #dfe4e8;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.waRefresh{cursor:pointer;background:#fff;border:1px solid #dfe4e8;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.waLayout{background:#fff;border:1px solid #dfe4e8;border-radius:8px;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 170px);display:grid;overflow:hidden}.waConversationList{border-right:1px solid #e3e7ea;flex-direction:column;display:flex}.waListHeader{border-bottom:1px solid #e5e9ec;align-items:center;height:58px;padding:0 16px;display:flex}.waNewChat{border-bottom:1px solid #edf0f2;gap:7px;padding:10px;display:flex}.waNumberInput{border:1px solid #dce2e6;border-radius:7px;flex:1;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.waNumberInput input{border:0;outline:0;width:100%}.waNewChat button{color:#fff;cursor:pointer;background:#0aa276;border:0;border-radius:7px;width:38px;font-size:21px}.waConversationItems{flex:1;overflow-y:auto}.waConversation{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f2;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.waConversation.active{background:#edf8f4}.waConversation:hover{background:#f6f8f9}.waAvatar{background:#e8f5f0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.waConversationInfo{flex:1;min-width:0}.waConversationInfo strong{font-size:13px;display:block}.waConversationInfo span{color:#818b95;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.waConversation small{color:#929ba5;font-size:10px}.waNoConversation{color:#98a1ab;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;display:flex}.waNoConversation strong{color:#56616e;margin-top:10px}.waNoConversation span{margin-top:5px;font-size:11px}.waChat{background:#efeae2;flex-direction:column;min-width:0;display:flex}.waEmptyChat{color:#87919b;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.waEmptyChat h2{color:#4c5864;margin:15px 0 5px}.waEmptyChat p{font-size:12px}.waChatHeader{background:#fff;border-bottom:1px solid #dfe4e8;align-items:center;gap:10px;height:60px;padding:0 15px;display:flex}.waChatHeader strong{font-size:13px;display:block}.waChatHeader span{color:#8a949f;margin-top:3px;font-size:11px;display:block}.waMessages{flex:1;padding:20px 30px;overflow-y:auto}.waEmptyMessages{color:#969f9e;place-items:center;height:100%;font-size:12px;display:grid}.waMessageRow{margin-bottom:8px;display:flex}.waMessageRow.incoming{justify-content:flex-start}.waMessageRow.outgoing{justify-content:flex-end}.waBubble{border-radius:8px;max-width:65%;padding:8px 10px 5px;font-size:13px;line-height:1.45;box-shadow:0 1px 1px #00000014}.incoming .waBubble{background:#fff}.outgoing .waBubble{background:#d9fdd3}.waBubble small{text-align:right;color:#77817c;margin-top:4px;font-size:9px;display:block}.waComposer{background:#f0f2f5;align-items:center;gap:10px;min-height:62px;padding:9px 12px;display:flex}.waComposer textarea{resize:none;border:0;border-radius:8px;outline:0;flex:1;min-height:42px;max-height:100px;padding:11px 13px;font-family:inherit}.waComposer button{color:#fff;cursor:pointer;background:#0aa276;border:0;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.waComposer button:disabled{opacity:.5;cursor:not-allowed}