.support-widget{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none}.support-panel{position:fixed;bottom:1%;right:1%;width:400px;height:500px;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 40px #0003;display:none;flex-direction:column;overflow:hidden;border:1px solid var(--border);pointer-events:all;max-width:90vw;max-height:70vh;overflow-y:auto}@media (max-width: 768px){.support-panel{top:50%;left:50%;transform:translate(-50%,-50%)}}.support-panel.active{display:flex}.support-header{padding:20px;background:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.support-header-info h3{margin:0 0 5px;font-size:1.2rem}.support-header-info p{margin:0;font-size:.9rem;opacity:.9}.support-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px}.support-tabs{display:flex;background:var(--faded-card-bg);border-bottom:1px solid var(--border)}.tab-btn{flex:1;padding:12px;background:none;border:none;cursor:pointer;transition:background .3s ease;font-weight:500;color:var(--text-secondary)}.tab-btn.active{background:var(--card-bg);color:var(--primary);border-bottom:2px solid var(--primary)}.tab-content{flex:1;padding:20px;overflow-y:auto;display:none}.tab-content.active{display:block}.support-form .form-group{margin-bottom:15px}.support-form label{display:block;margin-bottom:5px;font-weight:500;color:var(--text)}.support-form input,.support-form select,.support-form textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg);color:var(--text)}.support-form textarea{resize:vertical;min-height:100px}.tickets-list{max-height:400px;overflow-y:auto}.ticket-item{padding:15px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;background:var(--faded-card-bg)}.ticket-item:hover{background:var(--accent);transform:translateY(-2px)}.ticket-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.ticket-subject{font-weight:600;color:var(--text);margin:0;font-size:1rem}.ticket-meta{display:flex;gap:8px;align-items:center}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-open{background:#d4edda;color:#155724}.status-in_progress{background:#fff3cd;color:#856404}.status-resolved{background:#d1ecf1;color:#0c5460}.status-closed{background:#f8d7da;color:#721c24}.priority-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-low{background:#d4edda;color:#155724}.priority-medium{background:#fff3cd;color:#856404}.priority-high{background:#ffeaa7;color:#e17055}.priority-urgent{background:#fab1a0;color:#d63031}.ticket-preview{color:var(--text-secondary);font-size:14px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading-tickets,.no-tickets{text-align:center;padding:40px 20px;color:var(--text-secondary)}.live-chat-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:10001;display:none;align-items:center;justify-content:center;pointer-events:all}.live-chat-wrapper.active{display:flex}.live-chat-container{display:flex;flex-direction:column;height:600px;max-height:80vh;width:500px;max-width:90vw;background:var(--card-bg);border-radius:12px;overflow:hidden}.chat-header{display:flex;align-items:center;padding:15px 20px;background:var(--primary);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);min-height:60px;flex-shrink:0}.back-btn{background:none;border:none;color:#fff;padding:8px 12px;margin-right:15px;cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:6px;transition:background-color .2s}.back-btn:hover{background:#ffffff1a}.chat-title{flex:1;text-align:center}.chat-title h3{margin:0 0 4px;font-size:18px;font-weight:600}.chat-meta{display:flex;gap:8px;justify-content:center;align-items:center}.chat-close-btn{background:none;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.chat-close-btn:hover{background:#ffffff1a}.chat-messages-area{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:var(--faded-card-bg);scroll-behavior:smooth}.message-bubble{margin-bottom:16px;max-width:70%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word;animation:messageSlideIn .3s ease}.message-bubble.user{background:var(--primary);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.message-bubble.admin{background:var(--card-bg);border:1px solid var(--border);margin-right:auto;border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;opacity:.8}.sender-name{font-weight:600}.message-time{font-size:11px}.message-content{line-height:1.4;white-space:pre-wrap}.message-status{font-size:10px;opacity:.7;margin-top:4px;font-style:italic}.chat-input-area{padding:20px;border-top:1px solid var(--border);background:var(--card-bg);flex-shrink:0}.input-container{display:flex;gap:12px;align-items:flex-end}#chat-message-input{flex:1;border:1px solid var(--border);border-radius:8px;resize:none;background:var(--bg);color:var(--text);font-size:14px;max-height:120px;min-height:44px;line-height:1.4;padding:12px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}#chat-message-input:focus{outline:none;border-color:var(--primary)}.send-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--secondary)}.send-btn:disabled{background:var(--text-secondary);cursor:not-allowed}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.support-panel{width:95vw;height:80vh}.live-chat-container{width:95vw;height:90vh;max-height:90vh}.chat-header{padding:12px 15px}.back-text{display:none}.chat-title h3{font-size:16px}.chat-messages{padding:15px;font-size:16px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.message-bubble{max-width:85%;padding:10px 14px;margin-bottom:12px;font-size:16px;line-height:1.3}.message-header{font-size:11px;margin-bottom:4px}.message-content{font-size:16px;line-height:1.3}.chat-input-area{padding:15px}.input-container{gap:8px}.send-btn{width:44px;height:44px;min-width:44px;min-height:44px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--secondary)}