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}.admin-panel{background-color:#f0f0f0;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.tickets-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;width:400px}.sidebar-header{background:#00a884;color:#fff;padding:20px}.admin-info h2{font-size:1.4rem;margin:0 0 5px}.admin-name{font-size:.9rem;opacity:.9}.header-actions{align-items:center;margin-top:15px}.connection-status{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:.8rem;gap:6px;padding:4px 8px}.status-dot{border-radius:50%;height:8px;width:8px}.connected .status-dot{background:#4caf50}.disconnected .status-dot{background:#f44}.refresh-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}.filters-section{background:#fff;border-bottom:1px solid #e0e0e0;padding:15px}.search-input{background:#f0f0f0;border:none;font-size:.9rem;margin-bottom:10px;padding:12px 15px}.search-input:focus{background:#fff;box-shadow:0 0 0 2px #00a884}.status-filters{display:flex;gap:5px}.filter-btn{background:#fff;border:1px solid #e0e0e0;border-radius:18px;cursor:pointer;flex:1 1;font-size:.8rem;padding:8px 12px;transition:all .2s}.filter-btn.active{background:#00a884;border-color:#00a884;color:#fff}.tickets-list{background:#fff;flex:1 1;overflow-y:auto}.ticket-item{border-bottom:1px solid #f0f0f0;padding:15px;position:relative;transition:background .2s}.ticket-item:hover{background:#f5f5f5}.ticket-item.active{background:#e8f4f1}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.ticket-id{color:#333;font-size:.9rem;font-weight:600}.user-mobile{color:#666;font-size:.85rem;margin-bottom:5px}.last-message{color:#666;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:3px 8px}.status-open{background:#e3f2fd;color:#1976d2}.status-closed{background:#ffebee;color:#c62828}.unread-badge{background:#25d366;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;right:15px;top:15px}.sidebar-stats{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:15px}.stat-item{background:#f8f9fa;border-radius:8px;flex:1 1;padding:12px;text-align:center}.stat-number{color:#00a884;display:block;font-size:1.3rem;font-weight:700}.stat-label{color:#666;font-size:.75rem;font-weight:500;margin-top:3px}.chat-header{background:#f0f0f0;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:10px 16px}.chat-header,.chat-user-info{align-items:center;display:flex}.chat-user-info{gap:15px}.user-avatar{align-items:center;background:#00a884;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-status{color:#666;font-size:.8rem}.chat-actions{align-items:center;display:flex;gap:10px}.close-ticket-btn,.logout-btn,.reopen-ticket-btn{border:none;border-radius:18px;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px}.close-ticket-btn{background:#f44;color:#fff}.reopen-ticket-btn{background:#4caf50;color:#fff}.logout-btn{background:#666;color:#fff}.messages-container{flex:1 1;overflow-y:auto;padding:20px}.empty-chat,.messages-container{display:flex;flex-direction:column}.empty-chat{align-items:center;color:#666;height:100%;justify-content:center;text-align:center}.empty-icon{font-size:4rem;margin-bottom:15px;opacity:.5}.messages-list{display:flex;flex-direction:column;gap:8px}.message{display:flex;max-width:70%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-bubble{border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:8px 12px;position:relative}.message.sent .message-bubble{background:#dcf8c6;border-top-right-radius:0}.message.received .message-bubble{background:#fff;border-top-left-radius:0}.message-content{margin-bottom:4px}.text-message{word-wrap:break-word;line-height:1.4;margin:0}.message-time{align-items:center;color:#666;display:flex;font-size:.7rem;gap:4px;justify-content:flex-end}.message-status{color:#4fc3f7}.media-content{margin:5px 0}.message-image{border-radius:8px;cursor:pointer;max-width:300px}.audio-player{height:40px;width:250px}.file-message{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:10px}.file-icon{font-size:1.5rem}.file-info{flex:1 1}.file-name{color:#333;font-weight:500;margin-bottom:4px}.download-link{color:#00a884;font-size:.8rem;font-weight:500;text-decoration:none}.download-link:hover{text-decoration:underline}.input-container{padding:10px 16px}.input-wrapper{align-items:center;display:flex;gap:8px}.input-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px;transition:background .2s;width:40px}.input-action-btn:hover{background:#e0e0e0}.attachment-icon,.emoji-icon{font-size:1.2rem}.text-input-wrapper{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:24px;display:flex;flex:1 1;padding:2px}.message-input{background:#0000;border:none;border-radius:24px;flex:1 1;font-size:.9rem;outline:none;padding:12px 16px}.message-input:disabled{background:#f5f5f5}.emoji-picker{background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;left:16px;min-width:280px;padding:12px;position:absolute;z-index:1000}.emoji-picker-header{border-bottom:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:8px}.emoji-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.emoji-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.5rem;padding:8px;transition:background .2s}.emoji-btn:hover{background:#f0f0f0}.attachment-menu-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;left:60px;min-width:150px;padding:12px;position:absolute;z-index:1000}.attachment-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.attachment-option:hover{background:#f0f0f0}.attachment-icon{font-size:1.3rem;text-align:center;width:24px}.attachment-text{color:#333;font-size:.9rem;font-weight:500}.send-button,.voice-button{align-items:center;background:#00a884;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:8px;transition:background .2s;width:40px}.send-button:hover:not(:disabled),.voice-button:hover:not(:disabled){background:#008f70}.send-button:disabled,.voice-button:disabled{background:#ccc;cursor:not-allowed}.send-button svg,.voice-button svg{height:20px;width:20px}.upload-indicator{align-items:center;background:#fff3cd;color:#856404;display:flex;font-size:.8rem;gap:8px;padding:8px 16px}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #856404;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.no-ticket-selected{align-items:center;background:#fff;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.welcome-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-ticket-selected h3{color:#333;margin:0 0 10px}.no-ticket-selected p{font-size:.9rem;margin:0}.image-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{max-height:90%;max-width:90%;position:relative}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:5px;position:absolute;right:0;top:-40px}.zoomed-image{border-radius:8px;max-height:80vh;max-width:100%}.empty-state,.loading-state{color:#666;font-size:.9rem;padding:20px;text-align:center}.messages-container::-webkit-scrollbar,.tickets-list::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track,.tickets-list::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb,.tickets-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.tickets-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preview-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:12px 16px}.cancel-btn,.send-file-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.cancel-btn{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.cancel-btn:hover{background:#e9ecef}.send-file-btn{align-items:center;background:#00a884;color:#fff;display:flex;gap:8px;justify-content:center}.send-file-btn:hover:not(:disabled){background:#008f70}.send-file-btn:disabled{background:#ccc;cursor:not-allowed}.input-action-btn:disabled{cursor:not-allowed;opacity:.5}.input-action-btn:disabled:hover{background:none}.input-container{background:#f0f0f0;padding:12px 16px;position:relative}.chat-container{background:#e5ddd5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");display:flex;flex:1 1;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.file-preview{animation:slideUp .3s ease-out}@media (max-width:768px){.file-preview{margin:0 8px 8px}.preview-content{padding:12px}.image-preview{max-height:150px}}.ticket-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.message-count{color:#666;font-size:.75rem}.file-preview{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 16px 12px;overflow:hidden}.preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.preview-title{color:#333;font-size:.9rem;font-weight:600}.cancel-preview-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:4px}.cancel-preview-btn:hover{background:#e0e0e0}.preview-content{padding:16px}.image-preview{border-radius:8px;display:block;margin:0 auto;max-height:200px;max-width:100%}.document-preview{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:16px}.doc-icon{font-size:2rem}.doc-info{flex:1 1}.doc-name{color:#333;font-weight:600;margin-bottom:4px;word-break:break-all}.doc-size{color:#666;font-size:.8rem}.preview-note{background:#e8f4f1;border-top:1px solid #00a884;color:#008f70;font-size:.8rem;padding:12px 16px;text-align:center}.upload-spinner-small{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-content .text-message{background:#0000000d;border-radius:4px;font-size:.9rem;margin-top:8px;padding:8px}.emoji-picker-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;left:16px;min-width:350px;overflow:hidden;position:absolute;z-index:1000}.emoji-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.emoji-picker-header span{color:#333;font-size:.9rem;font-weight:600}.close-emoji-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:4px}.close-emoji-btn:hover{background:#e0e0e0}.dynamic-emoji-picker{border-bottom:1px solid #f0f0f0}.epr-main{border:none!important;border-radius:0!important}.epr-header{display:none!important}.epr-search-container{padding:8px 12px!important}.epr-body{padding:0 8px 8px!important}.quick-emojis-section{background:#f8f9fa;padding:12px 16px}.quick-emojis-label{color:#666;font-size:.8rem;font-weight:500;margin-bottom:8px}.quick-emojis-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.quick-emoji-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:8px;transition:background .2s}.quick-emoji-btn:hover{background:#e0e0e0}@media (max-width:768px){.emoji-picker-container{left:8px;min-width:300px;right:8px}.dynamic-emoji-picker{max-height:300px;overflow-y:auto}}@media (max-width:480px){.emoji-picker-container{min-width:280px}.quick-emojis-grid{grid-template-columns:repeat(4,1fr)}}.message-actions{margin-left:10px;opacity:0;position:relative;transition:opacity .2s ease}.message:hover .message-actions{opacity:1}.dots-menu-btn{background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;font-size:1.2rem;padding:5px;transition:background .2s}.dots-menu-btn:hover{background:#f0f0f0}.message-menu{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 10px #0000001a;min-width:120px;position:absolute;right:0;top:100%;z-index:1000}.menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:8px 12px;transition:background .2s;width:100%}.menu-item:hover{background:#f5f5f5}.user-info-section{margin:8px 0}.user-details{display:flex;flex-direction:column;gap:2px;margin:4px 0}.user-name{color:#333;font-size:14px;font-weight:600}.user-id{background:#f0f0f0;border-radius:10px;color:#666;display:inline-block;font-size:12px;padding:2px 6px}.ticket-type{margin:4px 0}.type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.type-withdraw{background:#fff0f0;border:1px solid #ff7675;color:#d63031}.type-deposit{background:#f0fff4;border:1px solid #55efc4;color:#00b894}.type-technical{background:#f0f8ff;border:1px solid #74b9ff;color:#0984e3}.user-meta{color:#666;display:flex;font-size:12px;gap:12px;margin-top:2px}.user-meta span{background:#f8f9fa;border-radius:8px;padding:2px 8px}.ticket-item{border-bottom:1px solid #eee;cursor:pointer;padding:12px;transition:background-color .2s}.ticket-item:hover{background-color:#f8f9fa}.ticket-item.active{background-color:#e3f2fd;border-left:3px solid #2196f3}.search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px;width:100%}.search-input:focus{border-color:#2196f3;outline:none}@media(max-width:991px){.admin-panel{flex-direction:column;.tickets-sidebar{max-width:100%}}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:12px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.app-title{font-size:1.4rem;font-weight:600;margin:0}.header-actions{display:flex;gap:10px}.switch-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.switch-btn:hover{background:#fff3}.switch-btn.active{background:#3498db;border-color:#3498db}.app-content{display:flex;flex:1 1}
/*# sourceMappingURL=main.17700d17.css.map*/