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