.live-support-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;z-index:10000;padding:30px}.live-support-modal-overlay,.live-support-modal-overlay.expanded{justify-content:flex-end;align-items:flex-end}.live-support-modal{position:fixed;bottom:30px;right:30px;width:450px;max-width:95%;height:600px;max-height:80vh;z-index:10001;background-color:#0f1226;border-radius:12px;border:2px solid #1e7bf6;box-shadow:0 10px 30px rgba(0,0,0,.8);overflow:hidden;display:flex;flex-direction:column;transition:all .28s ease;animation:slideInFromBottom .3s ease-out}.live-support-modal.expanded{width:800px;height:90vh;max-height:90vh;bottom:30px;right:30px}.live-support-modal .support-navigation{position:absolute;bottom:0;left:0;width:100%;border-radius:0 0 10px 10px}.live-support-modal.expanded .support-content{max-height:calc(90vh - 120px)}.live-support-modal.expanded .support-navigation{position:absolute;width:100%!important;max-width:100%!important;left:0!important;right:0!important;bottom:0!important;border-radius:0 0 12px 12px;display:flex}.live-support-modal.expanded .nav-button{flex:1}@keyframes slideInFromBottom{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content{max-height:80vh;background-color:#0f1226;overflow:hidden;border:1px solid rgba(30,123,246,.3);border-radius:12px}.modal-content,.support-view{display:flex;flex-direction:column;height:100%}.error-messages,.loading-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#9ca3af}.error-messages button{margin-top:10px;padding:8px 16px;background-color:#1e7bf6;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px}.error-messages button:hover{background-color:#1d4ed8}.edited-indicator{font-size:12px;color:#9ca3af;font-style:italic;margin-left:8px}.support-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background-color:#121630;position:sticky;top:0;z-index:10}.header-left{display:flex;flex-direction:column;gap:4px}.header-left h2{margin:0;font-size:1.2rem;color:#fff;font-weight:600}.last-updated{font-size:.75rem;color:rgba(255,255,255,.6);font-weight:400}.header-right{gap:12px}.header-right,.refresh-button{display:flex;align-items:center}.refresh-button{background:none;border:none;color:#8a8eab;cursor:pointer;padding:8px;border-radius:50%;justify-content:center;transition:all .2s}.refresh-button:hover:not(:disabled){background-color:rgba(255,255,255,.1);color:#1e7bf6}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button .spinning{animation:spin 1s linear infinite}.support-logo{display:flex;align-items:center}.support-logo img{height:28px;width:auto}.support-agents{display:flex;align-items:center;padding-right:15px}.agent-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:8px;border:2px solid #1e7bf6}.agent-status{width:24px;height:24px;border-radius:50%;background-color:#4caf50;color:white;font-size:12px;font-weight:700;margin-left:-12px;border:2px solid #121630}.agent-status,.close-button{display:flex;align-items:center;justify-content:center}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.close-button:hover{background-color:rgba(255,255,255,.1);transform:rotate(90deg)}.back-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.back-button:hover{background-color:rgba(255,255,255,.1)}.expand-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.expand-button:hover{background-color:rgba(255,255,255,.1)}.support-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1e7bf6 #121630;padding:20px 20px 120px;position:relative;z-index:10}.support-content::-webkit-scrollbar{width:6px}.support-content::-webkit-scrollbar-track{background:#121630}.support-content::-webkit-scrollbar-thumb{background-color:#1e7bf6;border-radius:6px}.greeting{margin-bottom:24px;color:#fff}.greeting h2{font-size:1.8rem;margin-bottom:8px;font-weight:600}.greeting p{font-size:1.2rem;color:#ccc}.wave{display:inline-block;animation:wave 1.5s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.search-container{position:relative;margin-bottom:24px}.search-input{width:100%;padding:14px 45px 14px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background-color:#1a1f3d;color:#fff;font-size:1rem;outline:none;transition:all .2s}.search-input::-moz-placeholder{color:#8a8eab}.search-input::placeholder{color:#8a8eab}.search-input:focus{border-color:#1e7bf6;box-shadow:0 0 0 2px rgba(30,123,246,.2)}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#4caf50}.quick-help-topics{display:flex;flex-direction:column;gap:12px}.help-topic{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#1a1f3d;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.05);margin-top:10px}.help-topic:hover{background-color:#232952;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.topic-text{color:#fff;font-size:.95rem;font-weight:500}.topic-icon{color:#4caf50;flex-shrink:0;margin-left:12px}.support-navigation{display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.08);background-color:#121630;padding:4px 0;position:absolute;bottom:0;left:0;right:0;z-index:20000;width:100%;border-radius:0 0 10px 10px}.nav-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:none;border:none;color:#8a8eab;cursor:pointer;transition:all .2s;position:relative}.nav-button:hover{color:#fff}.nav-button.active{color:#4caf50}.nav-button.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:40%;height:3px;background-color:#4caf50;border-radius:3px 3px 0 0}.nav-button span{font-size:.8rem;margin-top:6px;font-weight:500}.empty-messages{height:100%;color:#fff;padding:60px 0}.empty-icon{margin-bottom:20px;color:#555;background-color:rgba(255,255,255,.05);padding:16px;border-radius:50%}.empty-messages h3{margin-bottom:12px;font-size:1.3rem}.empty-messages p{color:#8a8eab;font-size:1rem}.help-categories{display:flex;flex-direction:column;gap:12px}.categories-header{margin-bottom:16px}.categories-header h3{font-size:1.1rem;color:#fff;font-weight:600;margin:15px 0 0}.help-category{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#1a1f3d;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.05)}.help-category:hover{background-color:#232952;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.help-category:hover h4{color:#4caf50}.help-category.highlighted{background-color:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3)}.help-category.highlighted h4{color:#4caf50}.category-info h4{margin:0 0 6px;font-size:1.05rem;color:#fff;font-weight:600}.category-info p{margin:0 0 6px;font-size:.9rem;color:#8a8eab;line-height:1.4}.article-count{font-size:.8rem;color:#6a6e8b;display:block;margin-top:4px}.category-icon{color:#4caf50;flex-shrink:0;margin-left:12px}.article-container{color:#fff}.article-title{font-size:1.6rem;margin-bottom:12px;font-weight:600;line-height:1.3}.article-description{color:#8a8eab;margin-bottom:24px;font-size:1.05rem;line-height:1.5}.article-meta{flex-direction:column;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.article-meta,.author-info{display:flex;align-items:center}.author-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;border:2px solid #1e7bf6}.author-details p{margin:0;font-size:.85rem;color:#8a8eab;line-height:1.5}.article-tag{background-color:#232952;margin-top:10px;padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:500}.article-content{line-height:1.7;font-size:1rem}.article-content p{margin-bottom:20px;color:#ccc}.article-link{color:#1e7bf6;text-decoration:none;font-weight:500;transition:color .2s}.article-link:hover{color:#4caf50;text-decoration:underline}.table{border-collapse:collapse;width:100%}.table td,.table th{border:1px solid #ccc;padding:12px;text-align:left}.circle-bullets{list-style-type:circle;padding-left:40px}.numbered-list{list-style-type:decimal;padding-left:20px;margin:0}.numbered-list li{margin-bottom:.2rem}.chat-container{display:flex;flex-direction:column;height:100%}.messages-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message-group{display:flex;flex-direction:column;gap:12px}.message{max-width:80%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word}.user-message{border:1px solid #1e7bf6;color:white}.admin-message{align-self:flex-start;border:1px solid #4b5563;color:white;border-bottom-left-radius:6px}.support-message{align-self:flex-start;border:1px solid rgba(76,175,80,.5);background:rgba(76,175,80,.1);color:#e8ffe9;border-bottom-left-radius:6px}.user-message{align-self:flex-end;background:rgba(30,123,246,.12);border:1px solid rgba(30,123,246,.6);color:#e6f0ff;border-bottom-right-radius:6px}.message-content-support p{margin:0 0 8px;font-size:14px;line-height:1.4}.message-time-support{font-size:11px;opacity:.7;display:block;color:rgb(255,255,255)}.message-sender-support{font-size:11px;font-weight:600;opacity:.8;margin-top:4px;color:#10b981;cursor:pointer}.message-input-container{display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);background:rgba(15,18,38,.8)}.message-input-container input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.05);color:white;font-size:14px;outline:none;transition:all .2s ease}.message-input-container input:focus{border-color:#1e7bf6;background:rgba(255,255,255,.1)}.message-input-container input::-moz-placeholder{color:rgba(255,255,255,.5)}.message-input-container input::placeholder{color:rgba(255,255,255,.5)}.message-input-container input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#1e7bf6,#3b82f6);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.05);background:linear-gradient(135deg,#1d4ed8,#2563eb)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-messages{height:200px;color:rgba(255,255,255,.7)}.error-messages,.loading-messages{display:flex;align-items:center;justify-content:center}.error-messages{height:1000px;color:#ef4444;text-align:center;padding:20px}.error-messages p{margin:0;font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-messages{height:1000px}.empty-messages,.empty-messages-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.7)}.empty-messages-centered{height:100%;padding:40px 20px}.empty-messages .empty-icon{margin-bottom:16px;opacity:.5}.empty-messages h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-messages p{margin:0;font-size:14px;opacity:.8}.empty-messages-centered h4{margin:0 0 8px;font-size:18px;font-weight:600}.empty-messages-centered p{margin:0;font-size:14px;opacity:.8}@media (max-width:768px){.message{max-width:90%}.message-input-container,.messages-list{padding:16px}}.login-prompt-support{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 20px;color:rgba(255,255,255,.9)}.login-prompt-icon{margin-bottom:24px;color:#1e7bf6;padding:20px;border-radius:50%;border:2px solid rgba(30,123,246,.3)}.login-prompt-support h3{margin:0 0 16px;font-size:1.5rem;font-weight:600;color:#fff;line-height:1.3}.login-prompt-support p{margin:0 0 32px;font-size:1rem;line-height:1.5;color:rgba(255,255,255,.8);max-width:300px}.login-button{padding:12px 32px;background:linear-gradient(135deg,#1e7bf6,#3b82f6);border:none;border-radius:8px;color:white;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(30,123,246,.4);text-transform:uppercase;letter-spacing:.5px}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,123,246,.6);background:linear-gradient(135deg,#1d4ed8,#2563eb)}.login-button:active{transform:translateY(0)}.header-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.new-messages-indicator{font-size:.75rem;color:#10b981;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.scroll-bottom-button{background:none;border:none;color:#8a8eab;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.scroll-bottom-button:hover{background-color:rgba(255,255,255,.1);color:#10b981}@media (max-width:768px){.live-support-modal{width:100%!important;max-width:100%!important;height:80vh!important;bottom:0!important;right:0!important;border-radius:12px 12px 0 0!important;animation:slideInFromBottomMobile .3s ease-out!important}.live-support-modal-overlay{padding:0;justify-content:center;align-items:flex-end}@keyframes slideInFromBottomMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.support-navigation{width:100%!important;bottom:0!important}.support-content{padding-bottom:100px}.message-input-container{padding:12px}.message-input-container input{padding:10px 14px}.send-button{width:36px;height:36px}.help-category,.help-topic{padding:12px}.article-title{font-size:1.4rem}.article-content{font-size:.95rem}}@media (max-width:480px){.support-header{padding:12px 15px}.header-left h2{font-size:1.1rem}.greeting h2{font-size:1.5rem}.greeting p{font-size:1rem}.nav-button span{font-size:.7rem}.message{max-width:90%}}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.ticket-number{font-weight:600;color:#1e7bf6;font-size:.9rem}.ticket-status{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.ticket-status.open{background-color:rgba(34,197,94,.2);color:#22c55e}.ticket-status.in-progress{background-color:rgba(251,191,36,.2);color:#fbbf24}.ticket-status.resolved{background-color:rgba(59,130,246,.2);color:#3b82f6}.ticket-status.closed{background-color:rgba(107,114,128,.2);color:#6b7280}.ticket-meta{display:flex;gap:12px;margin:8px 0;font-size:.85rem}.ticket-category,.ticket-priority{color:rgba(255,255,255,.7)}.success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:#22c55e}.success-icon{margin-bottom:16px;color:#22c55e}.success-message h3{color:#22c55e;margin-bottom:8px;font-size:1.2rem}.success-message p{color:rgba(255,255,255,.8);line-height:1.5}.message-card-footer{display:flex;justify-content:center;align-items:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background-color:rgba(18,22,48,.8)}