.dashboard-layout{min-height:100vh}.dashboard-sider{box-shadow:2px 0 8px #03a84e;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#03a84e;z-index:999;animation:fadeIn .3s ease}.logo{height:64px;display:flex;align-items:center;justify-content:center;background:#03a84e;margin:0;padding:16px;border-bottom:1px solid #03a84e}.logo-icon{font-size:24px}.logo-text{margin-left:12px;font-size:18px;font-weight:600;color:#fff;white-space:nowrap}.dashboard-header{background:#fff;padding:0 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:9}.header-left{display:flex;align-items:center}.trigger-btn{font-size:20px;width:48px;height:48px;border-radius:8px;transition:all .3s}.trigger-btn:hover{background:#f0f0f0}.header-right{display:flex;align-items:center}.header-icon-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}.header-icon-btn:hover{background:#f0f0f0}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s}.user-profile:hover{background:#f0f0f0}.user-name{font-weight:500;color:#333}.dashboard-content{padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px);overflow-y:auto}.notification-item{padding:4px 0;min-width:280px}.notification-title{font-weight:500;color:#333;margin-bottom:4px}.notification-time{font-size:12px;color:#999}@media (max-width: 992px){.dashboard-sider{position:fixed!important;left:0;top:0;bottom:0;z-index:999}.dashboard-sider.ant-layout-sider-collapsed{left:-80px}}@media (max-width: 768px){.dashboard-header{padding:0 16px}.dashboard-content{padding:16px}.user-name{display:none}.logo-text{font-size:16px}.trigger-btn{font-size:18px;width:40px;height:40px}.header-icon-btn{width:36px;height:36px}}@media (max-width: 576px){.dashboard-content{padding:12px}.dashboard-header{padding:0 12px}.logo{padding:12px}.notification-item{min-width:240px}}.ant-layout{transition:margin-left .3s ease}.chat-container{height:calc(100vh - 220px)}.chat-list-card{border-radius:16px;box-shadow:0 4px 12px #0000000f;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8e8e8}.chat-list-item{cursor:pointer;padding:16px 20px!important;margin-bottom:0;background:#fff;border-left:4px solid transparent;border-bottom:1px solid #f5f5f5;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.chat-list-item:hover{background:#fafafa;transform:translate(2px)}.chat-list-item.active{background:linear-gradient(to right,#f0f9ff,#fff);border-left:4px solid #03a84e;box-shadow:inset 0 0 0 1px #03a84e1a;padding:10px 16px}.chat-list-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.chat-avatar{background:linear-gradient(135deg,#03a84e,#52c41a);color:#fff;font-weight:600;font-size:18px;box-shadow:0 2px 8px #03a84e40}.chat-user-name{font-weight:600;font-size:15px;color:#1f1f1f}.chat-last-message{font-size:13px;color:#666;line-height:1.4}.chat-time{font-size:11px;color:#999;font-weight:500}.messages-card{border-radius:16px;box-shadow:0 4px 12px #0000000f;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8e8e8}.chat-header{padding:20px 32px;background:linear-gradient(to right,#fff,#fafafa);border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000a}.chat-header-left{display:flex;align-items:center;gap:16px}.chat-header-avatar{background:linear-gradient(135deg,#03a84e,#52c41a);box-shadow:0 4px 12px #03a84e4d}.chat-header-info{display:flex;flex-direction:column;gap:4px}.chat-header-name{font-weight:600;font-size:18px;color:#1f1f1f;letter-spacing:-.01em}.chat-header-country{font-size:13px;color:#666;display:flex;align-items:center;gap:4px}.chat-header-country:before{content:"📍";font-size:11px}.mode-toggle-container{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f8f9fa;border-radius:24px;border:1px solid #e8e8e8;box-shadow:inset 0 1px 3px #0000000d}.mode-icon{font-size:16px;transition:all .3s ease}.mode-icon.active{transform:scale(1.15)}.mode-icon.ai-active{color:#7c3aed;filter:drop-shadow(0 2px 4px rgba(124,58,237,.3))}.mode-icon.human-active{color:#52c41a;filter:drop-shadow(0 2px 4px rgba(82,196,26,.3))}.messages-area{flex:1;padding:24px 32px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(to bottom,#fafafa,#f5f5f5);max-height:calc(100vh - 340px);min-height:0}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.messages-area::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.loading-more{text-align:center;padding:12px 0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-separator{text-align:center;margin:24px 0;position:relative}.date-separator-text{display:inline-block;padding:6px 16px;background:#fff;color:#999;font-size:12px;font-weight:600;border-radius:16px;box-shadow:0 2px 8px #00000014;letter-spacing:.03em;text-transform:uppercase}.message-wrapper{margin-bottom:24px;display:flex;gap:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.user{justify-content:flex-start}.message-wrapper.admin{justify-content:flex-end}.message-avatar{flex-shrink:0;box-shadow:0 2px 8px #0000001f}.message-content{max-width:65%;display:flex;flex-direction:column;gap:6px}.message-header{display:flex;align-items:center;gap:12px}.message-sender{font-weight:600;font-size:14px;color:#333}.message-time{font-size:11px;color:#999}.message-bubble{padding:6px 16px;border-radius:13px;line-height:1.6;font-size:14px;word-break:break-word;box-shadow:0 2px 8px #00000014;position:relative;transition:transform .2s ease}.message-bubble:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.message-bubble.user{background:linear-gradient(135deg,#3d3d3d,#2a2a2a);color:#fff;border-bottom-left-radius:4px}.message-bubble.admin{color:#fff;border-bottom-right-radius:4px;background:linear-gradient(135deg,#03a84e,#52c41a);box-shadow:0 4px 12px #03a84e4d}.message-bubble.admin:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-style:solid;border-width:0 8px 16px 0;border-color:transparent transparent #f0f0f0 transparent}.message-input-container{padding:20px 32px;background:linear-gradient(to top,#fff,#fafafa);border-top:1px solid #e8e8e8;box-shadow:0 -2px 8px #0000000a}.message-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f8f9fa;border-radius:28px;border:2px solid #e8e8e8;transition:all .3s ease}.message-input-wrapper:focus-within{background:#fff;border-color:#03a84e;box-shadow:0 4px 12px #03a84e26}.message-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:#333}.message-input::placeholder{color:#999}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.send-button:hover:not(:disabled){transform:scale(1.08) rotate(5deg);box-shadow:0 6px 16px #667eea66}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:#d9d9d9;cursor:not-allowed;box-shadow:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;padding:40px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;color:#666}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px}@media (max-width: 768px){.chat-header{padding:16px 20px}.chat-header-name{font-size:16px}.messages-area{padding:16px 20px}.message-content{max-width:80%}.message-input-container{padding:16px 20px}.mode-toggle-container{padding:6px 12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.status-online{width:10px;height:10px;background:#52c41a;border-radius:50%;border:2px solid #fff;box-shadow:0 0 8px #52c41a80;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 8px #52c41a80}50%{box-shadow:0 0 16px #52c41acc}}.unread-badge{background:linear-gradient(135deg,#52c41a,#73d13d);box-shadow:0 2px 8px #52c41a4d;font-weight:700}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif}body{font-family:Nunito Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-layout-sider{background-color:#03a84e}#root{height:100vh;width:100vw}