*{margin:0;padding:0}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-screen h2{font-size:2.5rem;margin-bottom:20px}.loading-screen p{animation:pulse 1.5s infinite;font-size:1.2rem}.access-denied{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.access-denied h2{font-size:2.5rem;margin-bottom:20px}.access-denied p{font-size:1.2rem;margin-bottom:30px;max-width:500px}.access-denied button{background:#fff;border:none;border-radius:8px;color:#f5576c;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s}.access-denied button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.install-prompt{animation:slideUp .3s ease-out;bottom:20px;left:50%;max-width:90%;position:fixed;transform:translateX(-50%);width:500px;z-index:10000}.install-prompt-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-wrap:wrap;gap:16px;padding:20px}.install-prompt-icon{flex-shrink:0;font-size:40px}.install-prompt-text{flex:1 1;min-width:200px}.install-prompt-text h3{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.install-prompt-text p{color:#666;font-size:14px;line-height:1.4;margin:0}.install-prompt-actions{display:flex;flex-shrink:0;gap:10px}.install-prompt-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.install-prompt-button.install{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.install-prompt-button.install:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.install-prompt-button.dismiss{background:#f3f4f6;color:#666}.install-prompt-button.dismiss:hover{background:#e5e7eb}@media (max-width:600px){.install-prompt{bottom:10px;left:10px;max-width:none;right:10px;transform:none;width:auto}.install-prompt-content{gap:12px;padding:16px}.install-prompt-icon{font-size:32px}.install-prompt-text h3{font-size:14px}.install-prompt-text p{font-size:13px}.install-prompt-actions{justify-content:stretch;width:100%}.install-prompt-button{flex:1 1;font-size:13px;padding:8px 16px}}.offline-banner{animation:slideDown .3s ease-out;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.offline-banner.offline{background:linear-gradient(135deg,#ef4444,#dc2626)}.offline-banner.online{background:linear-gradient(135deg,#10b981,#059669)}.offline-banner-content{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px 20px}.offline-banner-icon{flex-shrink:0;font-size:18px}.offline-banner-text{text-align:center}@media (max-width:600px){.offline-banner-content{font-size:13px;gap:8px;padding:10px 16px}.offline-banner-icon{font-size:16px}}.admin-stats{display:flex;flex-direction:column;gap:30px}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;font-size:40px;height:64px;justify-content:center;width:64px}.stat-content{flex:1 1}.stat-label{color:#666;font-size:14px;margin-bottom:6px}.stat-value{color:#1a1a2e;font-size:32px;font-weight:700}.calls-log-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.calls-log-section h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0 0 20px}.calls-table-container{overflow-x:auto}.calls-table{border-collapse:collapse;font-size:14px;width:100%}.calls-table thead{background:#f8f9fa}.calls-table th{border-bottom:2px solid #e0e0e0;color:#1a1a2e;font-weight:600;padding:12px;text-align:left}.calls-table td{border-bottom:1px solid #e0e0e0;padding:12px}.calls-table tr:hover{background:#f8f9fa}.user-info{flex-direction:column;gap:4px}.user-name{color:#1a1a2e}.user-email{color:#999;font-size:12px}.call-status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.status-answered{background:#e8f5e9;color:#2e7d32}.status-missed{background:#fff3e0;color:#ef6c00}.status-rejected{background:#ffebee;color:#c62828}.pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:20px}.pagination-btn{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.pagination-btn:hover:not(:disabled){background:#357abd}.pagination-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.pagination-info{color:#666;font-size:14px}.error,.loading,.no-data{color:#666;font-size:16px;padding:40px;text-align:center}.no-data{color:#999}@media (max-width:768px){.stats-cards{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{font-size:32px;height:56px;width:56px}.stat-value{font-size:28px}.calls-log-section{padding:16px}.calls-table{font-size:12px}.calls-table td,.calls-table th{padding:8px}.pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%}}.user-management{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.um-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.um-header h2{color:#1a1a2e;font-size:22px;font-weight:600;margin:0}.um-actions{gap:16px}.checkbox-label,.um-actions{align-items:center;display:flex}.checkbox-label{color:#666;cursor:pointer;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table thead{background:#f8f9fa}.users-table th{border-bottom:2px solid #e0e0e0;color:#1a1a2e;font-weight:600;padding:12px;text-align:left}.users-table td{border-bottom:1px solid #e0e0e0;padding:12px}.users-table tr:hover{background:#f8f9fa}.users-table tr.inactive{opacity:.6}.role-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.role-user{background:#e3f2fd;color:#1976d2}.role-admin{background:#fce4ec;color:#c2185b}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.online-indicator{font-size:16px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-small{background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.btn-small:hover{transform:scale(1.1)}.btn-edit:hover{background:#2196f3}.btn-deactivate:hover{background:#ff9800}.btn-activate:hover{background:#4caf50}.btn-password:hover{background:#9c27b0}.btn-delete:hover{background:#f44336}.btn-primary{background:#4a90e2;border-radius:6px;font-size:14px;font-weight:500;padding:10px 20px}.btn-primary:hover{background:#357abd}.btn-secondary{background:#e0e0e0;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-secondary:hover{background:#d0d0d0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-content form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #d0d0d0;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4a90e2;outline:none}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.error,.loading{color:#666;font-size:16px;padding:40px;text-align:center}.error{color:#f44336}@media (max-width:768px){.user-management{padding:16px}.um-header{align-items:flex-start;flex-direction:column}.um-actions{flex-direction:column;width:100%}.um-actions .btn-primary{width:100%}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px}.action-buttons{flex-direction:column;gap:4px}.btn-small{width:100%}.modal-content{margin:0;max-width:100%}}.admin-dashboard{margin:0 auto;max-width:1400px;padding:20px}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.admin-header h1{color:#1a1a2e;font-size:28px;font-weight:600;margin:0 0 8px}.admin-subtitle{color:#666;font-size:14px;margin:0}.btn-back-to-chat{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-back-to-chat:hover{background:#357abd}.admin-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab-button:hover{background:#f5f5f5;color:#1a1a2e}.tab-button.active{border-bottom-color:#4a90e2;color:#4a90e2}.tab-icon{font-size:18px}.admin-content{animation:fadeIn .3s}@media (max-width:768px){.admin-dashboard{padding:15px}.admin-header h1{font-size:24px}.admin-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{font-size:14px;padding:10px 20px;white-space:nowrap}}.call-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.call-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:40px;width:90%}.call-modal-content{align-items:center;display:flex;flex-direction:column;gap:30px}.call-avatar{animation:pulse 2s infinite;background:#fff3;height:120px;width:120px}.call-avatar,.user-avatar-large{align-items:center;border-radius:50%;display:flex;justify-content:center}.user-avatar-large{background:#ffffff4d;color:#fff;font-size:3rem;font-weight:700;height:100px;width:100px}.call-icon{animation:ring 1s infinite;font-size:4rem}.call-info{color:#fff;text-align:center}.call-info h3{font-size:1.8rem;font-weight:600;margin-bottom:10px}.call-status{font-size:1.1rem;margin:10px 0;opacity:.9}.call-status.active{color:#4ade80;font-weight:600}.call-error{background:#f003;border-radius:8px;color:#fca5a5;font-size:1rem;margin-top:10px;padding:10px 15px}.call-actions{display:flex;gap:20px;margin-top:20px}.btn-call-action{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:15px 30px;transition:all .3s ease}.btn-call-action:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.btn-call-action:active{transform:translateY(0)}.btn-call-action.accept{background:#4ade80;color:#fff}.btn-call-action.accept:hover{background:#22c55e}.btn-call-action.reject{background:#ef4444;color:#fff}.btn-call-action.reject:hover{background:#dc2626}.btn-call-action.end{background:#f97316;color:#fff}.btn-call-action.end:hover{background:#ea580c}@keyframes ring{0%,to{transform:rotate(-15deg)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@media (max-width:480px){.call-modal{padding:30px 20px}.call-avatar{height:100px;width:100px}.user-avatar-large{font-size:2.5rem;height:80px;width:80px}.call-icon{font-size:3rem}.call-info h3{font-size:1.5rem}.call-actions{flex-direction:column;width:100%}.btn-call-action{justify-content:center;width:100%}}.chat-container{background:#f5f5f5;display:flex;height:100vh}.chat-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:320px}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:20px}.sidebar-header h2{font-size:1.5rem;margin:0 0 15px}.user-info{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:10px}.user-name{flex:1 1;font-weight:500}.status-dot{background:#ccc;border-radius:50%;height:10px;width:10px}.status-dot.online{animation:pulse 2s infinite;background:#4caf50}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-actions{display:flex;gap:10px}.btn-admin{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:10px;transition:background .2s}.btn-admin:hover{background:#357abd}.btn-logout{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:10px}.btn-logout:hover{background:#d32f2f}.users-list{flex:1 1;overflow-y:auto;padding:10px}.users-list h3{color:#666;font-size:.9rem;margin:0 0 10px 10px}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:5px;padding:12px;transition:background .2s}.user-item:hover{background:#f5f5f5}.user-item.active{background:#e3f2fd}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-avatar.large{font-size:1.5rem;height:50px;width:50px}.user-details{flex:1 1;min-width:0}.user-details .user-name{font-size:.95rem;font-weight:500}.user-details .user-email,.user-details .user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details .user-email{color:#888;font-size:.8rem}.chat-main{flex:1 1;flex-direction:column}.chat-header,.chat-main{background:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:20px}.chat-header-info{align-items:center;display:flex;gap:15px}.chat-header-info h3{font-size:1.2rem;margin:0}.status{color:#666;font-size:.85rem}.status.online{color:#4caf50}.btn-call{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px}.btn-call:hover{background:#45a049}.messages-container{background:#fafafa;flex:1 1;overflow-y:auto;padding:20px}.loading{padding:40px}.empty-chat,.loading{color:#888;text-align:center}.empty-chat{padding:60px 20px}.empty-chat p{margin:10px 0}.empty-chat .hint{color:#aaa;font-size:.9rem}.message{animation:fadeIn .3s;display:flex;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:16px;max-width:60%;padding:12px 16px}.message.sent .message-content{background:#667eea;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333}.message-content p{line-height:1.4;margin:0}.message-file{background:#fff3;border-radius:6px;font-size:.85rem;margin-top:8px;padding:8px}.message-meta{align-items:center;display:flex;font-size:.75rem;gap:6px;margin-top:4px}.message.sent .message-meta{color:#999;justify-content:flex-end}.message.received .message-meta{color:#999}.message-status{color:#4caf50}.typing-indicator{align-items:center;color:#888;display:flex;font-size:.9rem;gap:8px;padding:10px}.dots{display:flex;gap:2px}.dots span{animation:blink 1.4s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:0}30%{opacity:1}}.message-input-form{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:20px}.upload-progress{background:#e0e0e0;height:4px;left:0;position:absolute;right:0;top:-30px}.progress-bar{background:#667eea;height:100%;transition:width .3s}.btn-attach{background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:12px 16px}.btn-attach:hover:not(:disabled){background:#e0e0e0}.message-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;outline:none;padding:12px 16px}.message-input:focus{border-color:#667eea}.message-input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-send{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 20px}.btn-send:hover:not(:disabled){background:#5568d3}.btn-send:disabled{background:#ccc;cursor:not-allowed}.no-chat-selected{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center}.no-chat-selected h2{font-size:1.8rem;margin:0 0 10px}.no-chat-selected p{font-size:1rem}@media (max-width:768px){.chat-sidebar{max-width:320px;width:100%}.message-content{max-width:80%}}@media (max-width:480px){.chat-sidebar{width:80px}.sidebar-header h2,.user-details,.users-list h3{display:none}.btn-logout{font-size:1.2rem;padding:8px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px 30px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:2rem;margin:0 0 10px}.login-header p{color:#666;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-method-toggle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.login-method-toggle button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:all .2s}.login-method-toggle button.active{background:#667eea;border-color:#667eea;color:#fff}.login-method-toggle button:hover:not(.active){border-color:#667eea;color:#667eea}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:.9rem;font-weight:500}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background:#fee;border-radius:8px;color:#c00;font-size:.9rem;padding:12px;text-align:center}.btn-primary{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:background .2s}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.login-footer{margin-top:30px;text-align:center}.login-footer .hint{background:#f0f4ff;border-radius:8px;color:#555;font-size:.85rem;margin-bottom:10px;padding:12px}.login-footer .info{color:#888;font-size:.8rem}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:1.75rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh}
/*# sourceMappingURL=main.69b9d6d3.css.map*/