*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Roboto,Helvetica Neue,sans-serif}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#c62828;border-radius:50%;height:36px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.conversation-nav-button{margin:0!important}}.conversation-view{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;height:100vh;max-width:100%;overflow:hidden;width:100%}.conversation-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;flex-shrink:0;min-height:64px}@media (min-width:1200px){.conversation-header{min-height:70px}}@media (min-width:1920px){.conversation-header{min-height:76px}}.conversation-nav-button{border-radius:8px!important;transition:all .2s ease-in-out!important}.conversation-nav-button:hover{box-shadow:0 2px 8px #00000026!important;transform:translateY(-1px) scale(1.05)!important}.conversation-back-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;color:#fffc!important}.conversation-back-button:hover{background:#fff3!important;color:#fff!important}.conversation-minimize-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffc1071a!important;color:#ffc107cc!important}.conversation-minimize-button:hover{background:#ffc10733!important;color:#ffc107!important}.conversation-options-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;color:#fffc!important}.conversation-options-button:hover{background:#fff3!important;color:#fff!important}.conversation-title{color:#fff!important;font-weight:600;text-shadow:0 2px 4px #0000004d}@media (min-width:1200px){.conversation-title{font-size:1.3rem}}@media (min-width:1920px){.conversation-title{font-size:1.4rem}}.conversation-subtitle{color:#fffc!important;font-size:.875rem}@media (min-width:1200px){.conversation-subtitle{font-size:.95rem}}.conversation-content{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative;width:100%}.messages-container{flex:1 1;min-height:0;overflow-y:auto;padding:16px;scrollbar-color:#0003 #0000;scrollbar-width:thin;width:100%}@media (min-width:1200px){.messages-container{padding:20px 24px}}@media (min-width:1920px){.messages-container{padding:24px 32px}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.message-bubble{word-wrap:break-word;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:18px;margin-bottom:12px;max-width:70%;padding:12px 16px;position:relative;word-break:break-word}@media (min-width:1200px){.message-bubble{font-size:.95rem;margin-bottom:14px;max-width:65%;padding:14px 18px}}@media (min-width:1920px){.message-bubble{font-size:1rem;margin-bottom:16px;max-width:60%;padding:16px 20px}}.message-bubble.sent{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-left:auto;margin-right:0}.message-bubble.received{background:linear-gradient(135deg,#fff,#f8faff);border-bottom-left-radius:6px;box-shadow:0 4px 15px #00000014;color:#333;margin-left:0;margin-right:auto}.message-bubble.file{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.message-bubble.poll{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.message-bubble.task{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.message-bubble.appointment{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.message-metadata{align-items:center;display:flex;font-size:.75rem;gap:4px;margin-top:4px;opacity:.7}@media (min-width:1200px){.message-metadata{font-size:.8rem;margin-top:6px}}.sender-name{font-size:.8rem;font-weight:600;margin-bottom:2px;opacity:.8}@media (min-width:1200px){.sender-name{font-size:.85rem}}.message-input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8faff);border-top:1px solid #0000001a;flex-shrink:0;padding:16px;width:100%}@media (min-width:1200px){.message-input-container{padding:20px 24px}}@media (min-width:1920px){.message-input-container{padding:24px 32px}}.input-field{background:#fff;border:2px solid #0000;border-radius:25px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;width:100%}@media (min-width:1200px){.input-field{border-radius:28px}}.input-field:focus-within{border-color:#667eea;box-shadow:0 4px 20px #667eea33;transform:translateY(-1px)}.send-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:50%!important;box-shadow:0 4px 15px #667eea4d!important;color:#fff!important;height:48px!important;margin-left:8px!important;min-width:48px!important;transition:all .3s ease!important;width:48px!important}@media (min-width:1200px){.send-button{height:52px!important;margin-left:12px!important;min-width:52px!important;width:52px!important}}.send-button:hover{box-shadow:0 6px 20px #667eea66!important;transform:translateY(-2px) scale(1.05)!important}.typing-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;display:flex;gap:8px;margin:8px 0;max-width:200px;padding:8px 16px;width:fit-content}@media (min-width:1200px){.typing-indicator{margin:10px 0;max-width:220px;padding:10px 18px}}.typing-dots{display:flex;gap:3px}.typing-dot{animation:typingBounce 1.4s infinite;background:#667eea;border-radius:50%;height:6px;width:6px}@media (min-width:1200px){.typing-dot{height:7px;width:7px}}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.quick-actions{display:flex;gap:8px;margin-left:8px}@media (min-width:1200px){.quick-actions{gap:10px;margin-left:12px}}.quick-action-button{background:#ffffffe6!important;border-radius:50%!important;box-shadow:0 2px 8px #0000001a!important;color:#667eea!important;height:40px!important;min-width:40px!important;transition:all .3s ease!important;width:40px!important}@media (min-width:1200px){.quick-action-button{height:44px!important;min-width:44px!important;width:44px!important}}.quick-action-button:hover{background:#fff!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px) scale(1.05)!important}.loading-spinner{height:200px}.empty-state,.loading-spinner{align-items:center;display:flex;justify-content:center}.empty-state{color:#666;flex-direction:column;height:100%;padding:40px;text-align:center}@media (min-width:1200px){.empty-state{padding:50px}}.empty-state-icon{color:#ddd!important;font-size:80px!important;margin-bottom:16px}@media (min-width:1200px){.empty-state-icon{font-size:100px!important;margin-bottom:20px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}@media (max-width:600px){.message-bubble{margin-bottom:10px;max-width:85%;padding:10px 14px}.message-input-container{padding:12px}.send-button{height:44px!important;min-width:44px!important;width:44px!important}}