html,body{min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{color:#202124;background:#f5f7f8}button,input,textarea{font-family:inherit}.login-page{background:#f4f6f8;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:420px;padding:35px;box-shadow:0 8px 30px #00000014}.login-header{text-align:center;margin-bottom:28px}.login-header h1{margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:#777;margin:0;font-size:14px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #d8dde2;border-radius:6px;outline:none;width:100%;height:46px;padding:0 13px;font-size:14px}.form-group input:focus{border-color:#168c55}.login-error{color:#c62828;background:#ffe8e8;border-radius:6px;margin-bottom:15px;padding:10px 12px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#168c55;border:0;border-radius:6px;width:100%;height:46px;font-size:15px;font-weight:600}.login-button:hover{background:#117547}.login-button:disabled{opacity:.65;cursor:not-allowed}.admin-dashboard{background:#f5f7f8;flex-direction:column;width:100%;min-height:100vh;display:flex}.admin-topbar{color:#fff;background:#078a4b;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 22px;display:flex}.admin-brand{align-items:center;gap:14px;display:flex}.admin-brand strong{font-size:18px;font-weight:700}.admin-brand span{opacity:.95;font-size:16px}.admin-top-actions{align-items:center;gap:10px;display:flex;position:relative}.calls-text{font-size:14px}.toggle-switch{cursor:pointer;background:#c6c6c6;border:0;border-radius:20px;align-items:center;width:38px;height:20px;padding:2px;transition:all .2s;display:flex}.toggle-switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.toggle-switch.toggle-on{background:#fff}.toggle-switch.toggle-on span{background:#078a4b;transform:translate(18px)}.admin-avatar{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff80;border-radius:50%;width:35px;height:35px;font-size:12px;font-weight:700}.settings-button{color:#fff;cursor:pointer;background:0 0;border:0;width:35px;height:35px;font-size:20px}.profile-dropdown{color:#222;z-index:1000;background:#fff;border-radius:7px;width:180px;padding:12px;position:absolute;top:45px;right:0;box-shadow:0 8px 25px #0000002e}.profile-dropdown strong{margin-bottom:5px;padding:8px 10px;display:block}.profile-dropdown button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:9px 10px}.profile-dropdown button:hover{background:#f1f3f4}.admin-tabs{background:#fff;border-bottom:1px solid #dfe3e6;flex-shrink:0;align-items:stretch;height:48px;padding:0 18px;display:flex}.admin-tab{color:#454545;cursor:pointer;background:#fff;border:0;border-right:1px solid #eee;padding:0 20px;font-size:14px;position:relative}.admin-tab:hover{background:#f6f8f9}.admin-tab.active{color:#078a4b;border-bottom:3px solid #078a4b;font-weight:600}.tab-badge{color:#fff;background:#e53935;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;display:flex;position:absolute;top:7px;right:7px}.dashboard-workspace{background:#fff;flex:1;min-height:calc(100vh - 106px);display:flex;overflow:hidden}.conversation-sidebar{background:#fff;border-right:1px solid #dfe3e6;flex-direction:column;width:370px;min-width:370px;display:flex}.conversation-search{border-bottom:1px solid #eee;align-items:center;gap:8px;height:55px;padding:8px 12px;display:flex}.conversation-search span{color:#888;font-size:21px}.conversation-search input{border:1px solid #d8dde2;border-radius:5px;outline:none;flex:1;height:36px;padding:0 10px;font-size:13px}.conversation-search input:focus{border-color:#078a4b}.conversation-filters{border-bottom:1px solid #eee;gap:7px;padding:10px 12px;display:flex}.conversation-filters button{color:#555;cursor:pointer;background:#fff;border:1px solid #d5dade;border-radius:5px;padding:6px 13px;font-size:12px}.conversation-filters button:hover{background:#f5f7f8}.conversation-filters button.active{color:#fff;background:#078a4b;border-color:#078a4b}.conversation-list{flex:1;overflow-y:auto}.conversation-item{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee;align-items:center;gap:10px;width:100%;min-height:74px;padding:10px 12px;display:flex}.conversation-item:hover{background:#f7faf8}.conversation-item.selected{background:#e9f6ef;border-left:3px solid #078a4b;padding-left:9px}.conversation-avatar{color:#078a4b;background:#e5f2eb;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:12px;font-weight:700;display:flex}.conversation-details{flex:1;min-width:0}.conversation-name{justify-content:space-between;gap:8px;margin-bottom:5px;display:flex}.conversation-name strong{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.conversation-name span{color:#999;white-space:nowrap;font-size:10px}.conversation-preview{color:#777;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.conversation-type{border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:700}.conversation-type.bot{color:#2867c7;background:#e7f0ff}.conversation-type.human{color:#b56a00;background:#fff1d7}.conversation-preview>span:last-child{text-overflow:ellipsis;overflow:hidden}.conversation-arrow{color:#aaa;font-size:20px}.chat-area{background:#f0f3f4;flex-direction:column;flex:1;min-width:0;display:flex}.empty-chat{color:#777;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-chat-icon{background:#dfe8e3;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:15px;font-size:28px;display:flex}.empty-chat h3{color:#444;margin:0 0 8px;font-size:18px}.empty-chat p{margin:0;font-size:13px}.chat-header{background:#fff;border-bottom:1px solid #dfe3e6;justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex}.chat-user{align-items:center;gap:12px;display:flex}.chat-user strong{margin-bottom:5px;font-size:14px;display:block}.chat-user-meta{color:#8a8a8a;align-items:center;gap:9px;font-size:11px;display:flex}.chat-user-meta .tag{color:#078a4b;background:#e9f6ef;border-radius:3px;padding:2px 6px}.close-chat{color:#777;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:25px}.messages-area{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.chat-message{border-radius:8px;flex-direction:column;max-width:65%;padding:9px 12px 6px;font-size:13px;line-height:1.4;display:flex}.chat-message small{color:#888;text-align:right;margin-top:4px;font-size:9px}.chat-message.incoming{background:#fff;border:1px solid #e1e4e5;align-self:flex-start}.chat-message.outgoing{background:#d9f5e4;border:1px solid #c3e8d1;align-self:flex-end}.message-composer{background:#fff;border-top:1px solid #dfe3e6;align-items:center;gap:8px;min-height:64px;padding:10px 14px;display:flex}.message-composer input{border:1px solid #d5dade;border-radius:6px;outline:none;flex:1;height:42px;padding:0 12px;font-size:13px}.message-composer input:focus{border-color:#078a4b}.composer-button{cursor:pointer;background:#f2f4f5;border:0;border-radius:5px;width:38px;height:38px}.send-message-button{color:#fff;cursor:pointer;background:#078a4b;border:0;border-radius:5px;height:38px;padding:0 17px;font-size:13px;font-weight:600}.send-message-button:hover{background:#06723e}.module-page{background:#f5f7f8;flex:1;min-height:calc(100vh - 106px);padding:28px;overflow-y:auto}.module-heading{margin-bottom:25px}.module-heading h1{color:#222;margin:0 0 5px;font-size:24px}.module-heading p{color:#777;margin:0;font-size:13px}.module-content{flex-direction:column;gap:18px;display:flex}.module-card,.settings-card,.analytics-chart-card,.branch-card,.agents-card,.logs-card{background:#fff;border:1px solid #e0e4e7;border-radius:8px;padding:22px;box-shadow:0 2px 6px #00000008}.module-card{max-width:520px}.wide-card{max-width:800px}.module-card-icon{color:#078a4b;background:#e7f5ed;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:22px;display:flex}.module-card h3{margin:0 0 8px}.module-card p{color:#777;margin-bottom:18px;font-size:13px}.primary-button{color:#fff;cursor:pointer;background:#078a4b;border:0;border-radius:5px;padding:10px 17px;font-size:13px}.primary-button:hover{background:#06723e}.dashboard-textarea{resize:vertical;border:1px solid #d5dade;border-radius:6px;outline:none;width:100%;min-height:130px;margin:12px 0 15px;padding:12px;font-size:13px}.dashboard-textarea:focus{border-color:#078a4b}.settings-card{max-width:800px}.settings-card h3{margin:0 0 7px}.settings-card p{color:#777;font-size:13px}.setting-row{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;display:flex}.setting-row strong,.setting-row span{display:block}.setting-row strong{margin-bottom:5px;font-size:14px}.setting-row span{color:#888;font-size:12px}.analytics-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px;display:grid}.stat-card{background:#fff;border:1px solid #e0e4e7;border-radius:8px;padding:20px}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#777;font-size:12px}.stat-card strong{color:#078a4b;margin:9px 0;font-size:28px}.stat-card small{color:#999;font-size:11px}.analytics-chart-card{min-height:300px}.analytics-chart-card h3{margin-top:0}.fake-chart{border-bottom:1px solid #ddd;align-items:flex-end;gap:25px;height:200px;padding:20px;display:flex}.fake-chart span{background:#078a4b;border-radius:5px 5px 0 0;flex:1;max-width:60px}.branch-card{max-width:700px}.branch-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.branch-icon{color:#078a4b;background:#e7f5ed;border-radius:7px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.branch-header strong,.branch-header span,.branch-header small{display:block}.branch-header strong{font-size:16px}.branch-header span{color:#888;margin-top:3px;font-size:12px}.branch-header small{color:#078a4b;margin-top:4px;font-size:11px}.manage-branch-button{cursor:pointer;color:#444;background:#fff;border:1px solid #d5dade;border-radius:5px;width:100%;padding:11px}.manage-branch-button:hover{background:#f6f8f9}.agents-card{padding:0;overflow:hidden}.agents-header,.agent-row{border-bottom:1px solid #eee;grid-template-columns:1.5fr 1fr 1fr;padding:15px 20px;font-size:13px;display:grid}.agents-header{color:#777;background:#f7f8f9;font-weight:600}.online{color:#078a4b}.logs-card{max-width:850px;padding:0}.log-item{border-bottom:1px solid #eee;align-items:center;gap:13px;padding:16px 20px;display:flex}.log-icon{color:#078a4b;background:#e7f5ed;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.log-item strong,.log-item small{display:block}.log-item strong{font-size:13px}.log-item small{color:#999;margin-top:4px;font-size:11px}.floating-support{color:#fff;cursor:pointer;z-index:100;background:#078a4b;border:0;border-radius:50%;width:44px;height:44px;font-size:20px;font-weight:700;position:fixed;bottom:20px;right:22px;box-shadow:0 4px 14px #0003}.conversation-list::-webkit-scrollbar{width:7px}.messages-area::-webkit-scrollbar{width:7px}.module-page::-webkit-scrollbar{width:7px}.conversation-list::-webkit-scrollbar-thumb{background:#c9ced1;border-radius:10px}.messages-area::-webkit-scrollbar-thumb{background:#c9ced1;border-radius:10px}.module-page::-webkit-scrollbar-thumb{background:#c9ced1;border-radius:10px}@media (width<=1000px){.conversation-sidebar{width:320px;min-width:320px}.admin-tab{padding:0 12px;font-size:12px}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=750px){.admin-brand span{display:none}.admin-tabs{overflow-x:auto}.dashboard-workspace{flex-direction:column}.conversation-sidebar{width:100%;min-width:100%;height:45vh}.chat-area{min-height:55vh}.analytics-grid{grid-template-columns:1fr}}