.tiptap-chat-button{position:fixed;bottom:40px;right:20px;width:77px;height:77px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e3a8a);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0000001a;border:none;cursor:pointer;z-index:99999;transition:all .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;opacity:1;transform:scale(1) rotate(0);pointer-events:all}.tiptap-chat-button svg{width:44px;height:44px;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tiptap-chat-button:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 6px 16px #3b82f666,0 2px 8px #0003}.tiptap-chat-button.hidden{opacity:0;transform:scale(.3) rotate(180deg);pointer-events:none}.tiptap-chat-widget{position:fixed;bottom:15px;right:20px;width:380px;height:635px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;z-index:99998;display:flex;flex-direction:column;opacity:0;transform:scale(.8) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain}.tiptap-chat-widget.open{opacity:1;transform:scale(1) translateY(0);pointer-events:all}.chat-header{background:linear-gradient(135deg,#1e3a8a,#0c1e42)!important;box-shadow:0 4px 12px #1e3a8a4d,0 2px 4px #0000001a;color:#fff;padding:12px 15px;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:75px}.chat-back-btn{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-back-btn:hover{background:#ffffff4d}.chat-header-context{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.chat-header-top{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.chat-header-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}.chat-header-text{flex:1;min-width:0}.chat-title{margin:0;font-size:15px;font-weight:600}.chat-subtitle{margin:0;font-size:16.5px;opacity:.9}.chat-header-actions{display:flex;gap:6px}.chat-header-meta{font-size:11px;font-weight:600;opacity:.95;white-space:nowrap}.chat-header-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chat-header-chips .chat-chip{background:#fff3;color:#fff;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;line-height:1;white-space:nowrap}.chat-header-btn{background:#fff3;border:none;color:#fff;width:26px;height:26px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-header-btn:hover{background:#ffffff4d}.chat-lang-selector{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 28px 6px 10px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.chat-lang-selector:hover{background:#ffffff4d;border-color:#ffffff80}.chat-lang-selector:focus{background:#ffffff59;border-color:#fff9}.chat-lang-selector option{background:#1a1a2e;color:#fff;padding:8px}.chat-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#f8f9fa;padding:20px;min-height:0;-webkit-overflow-scrolling:touch}.chat-body[data-view=register]{display:flex;flex-direction:column;overflow:hidden}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.chat-welcome{display:flex;flex-direction:column;gap:20px}.welcome-hero{text-align:center;padding:20px 0}.welcome-hero h2{font-size:14px;font-weight:700;margin:0 0 8px;color:#1f2937}.welcome-hero p{font-size:13px;color:#6b7280;margin:0}.assistant-cta{width:100%;padding:16px 20px;background:linear-gradient(135deg,#1e3a8a,#0c1e42);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s;box-shadow:0 4px 12px #1e3a8a4d}.assistant-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1e3a8a66}.assistant-cta span:first-child{font-size:20px}.topic-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.topic-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.topic-card:hover{border-color:#0b4f8a;transform:translateY(-2px);box-shadow:0 4px 12px #0b4f8a1a}.topic-icon{font-size:24px}.topic-label{font-size:13px;font-weight:500;color:#374151;margin:0}.cta-buttons{display:flex;flex-direction:column;gap:10px;margin-top:10px}.btn-primary,.btn-secondary{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#1e3a8a,#0c1e42);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a4d}.btn-secondary{background:#fff;color:#1e3a8a;border:2px solid #1e3a8a}.btn-secondary:hover{background:#f3f4f6}.user-greeting{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.user-avatar-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;overflow:hidden}.user-avatar-circle img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar-circle .user-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}.user-info h3{font-size:18px;font-weight:700;margin:0 0 4px;color:#1f2937}.user-info p{font-size:14px;color:#6b7280;margin:0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.quick-action{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.quick-action:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.quick-action-icon{font-size:20px}.quick-action-label{font-size:13px;font-weight:600;color:#374151;margin:0}@media(max-width:420px){.quick-actions{grid-template-columns:1fr}}.chat-conversation{display:flex;flex-direction:column;gap:16px}.bot-intro{display:flex;gap:12px;align-items:flex-start}.bot-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden;padding:2px}.bot-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.bot-message{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.bot-message p{margin:0 0 12px;font-size:14px;color:#374151;line-height:1.5}.bot-message p:last-child{margin-bottom:0}.message{display:flex;gap:12px;align-items:flex-start}.message.user{flex-direction:row-reverse}.msg-bubble{max-width:75%;border-radius:20px;padding:14px 18px;position:relative;box-shadow:0 2px 4px #00000005}.message.bot .msg-bubble{background:#fff;color:#1e293b;box-shadow:0 2px 8px #0000000a;border-bottom-left-radius:4px;border:1px solid rgba(226,232,240,.6)}.message.user .msg-bubble{background:#dbeafe;color:#1e293b;border-bottom-right-radius:4px;box-shadow:0 4px 12px #0000000d;border:1px solid #93c5fd}.message.user .msg-text{font-weight:400;text-shadow:none}.chat-font-small .msg-bubble,.chat-font-small .support-message-bubble{font-size:13px;line-height:1.5;font-weight:400}.chat-font-medium .msg-bubble,.chat-font-medium .support-message-bubble{font-size:14px;line-height:1.5;font-weight:400}.chat-font-large .msg-bubble,.chat-font-large .support-message-bubble{font-size:16px;line-height:1.6;font-weight:400}.chat-font-size-btn span{transition:font-size .2s ease}.typing-dots{display:flex;gap:4px;align-items:center;padding:4px 0}.typing-dots span{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:56px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:700;margin:0 0 8px;color:#1f2937}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 20px}.chat-footer{padding:16px 20px;background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:12px;align-items:flex-end;box-shadow:0 -4px 20px #00000005}.chat-input{flex:1;border:1px solid #e2e8f0;border-radius:24px;padding:14px 20px;font-size:15px;font-family:inherit;resize:none;max-height:120px;transition:all .2s ease;background:#f8fafc;color:#1e293b;line-height:1.5}.chat-input:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 4px #ef44441a}.chat-send-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;box-shadow:0 4px 12px #ef44444d}.chat-send-btn:hover{transform:scale(1.1) rotate(-10deg);box-shadow:0 8px 20px #ef444466}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.tiptap-chat-button{width:70px;height:70px;bottom:16px;right:16px}.tiptap-chat-button svg{width:40px;height:40px}.tiptap-chat-widget{width:100vw;height:100vh;bottom:0;right:0;border-radius:0;max-width:100%}.tiptap-chat-widget.open{transform:translateY(0)}.chat-header{border-radius:0;min-height:78px;padding:12px 15px}.topic-cards,.quick-actions{grid-template-columns:1fr}.msg-bubble{max-width:85%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-welcome>*{animation:slideInUp .4s ease-out backwards}.chat-welcome>*:nth-child(1){animation-delay:.1s}.chat-welcome>*:nth-child(2){animation-delay:.2s}.chat-welcome>*:nth-child(3){animation-delay:.3s}.chat-welcome>*:nth-child(4){animation-delay:.4s}.tt-reg-container{padding:10px 0;display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%}.tt-reg-progress{margin-bottom:20px;text-align:center;flex-shrink:0}.tt-reg-progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.tt-reg-progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#0b7af0);transition:width .3s ease}.tt-reg-progress-text{font-size:12px;color:#6b7280;margin:0}.tt-reg-form{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group small{font-size:11px;color:#6b7280}.checkbox-group{flex-direction:row;align-items:flex-start}.checkbox-label{display:flex;gap:10px;font-size:13px;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer}.checkbox-label a{color:#667eea;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.form-error{padding:12px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-size:13px;line-height:1.5}.btn-block{width:100%}.tt-reg-summary{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:16px}.tt-reg-summary h4{margin:0 0 12px;font-size:16px;color:#1f2937}.summary-item{padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:14px}.summary-item:last-child{border-bottom:none}.summary-item strong{color:#6b7280;display:inline-block;width:80px}.verification-notice{text-align:center;padding:20px;margin-bottom:20px}.notice-icon{font-size:56px;margin-bottom:12px}.verification-notice h4{font-size:18px;font-weight:700;margin:0 0 8px;color:#1f2937}.verification-notice p{font-size:14px;color:#6b7280;margin:4px 0}.verification-notice strong{font-size:15px;color:#667eea}.dev-code{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:8px 12px;margin-top:12px;font-weight:600;color:#92400e}.code-input{text-align:center;font-size:24px;letter-spacing:8px;font-weight:700}.success-animation{text-align:center;padding:40px 20px}.success-icon{font-size:72px;margin-bottom:20px;animation:bounceIn .6s ease-out}.success-animation h3{font-size:22px;font-weight:700;margin:0 0 12px;color:#1f2937}.success-animation p{font-size:14px;color:#6b7280;margin:8px 0}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.admin-dashboard{padding:24px 20px}.admin-greeting{text-align:center;margin-bottom:24px}.admin-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.admin-icon{font-size:16px}.admin-greeting h3{font-size:20px;font-weight:700;margin:0 0 8px;color:#1f2937}.admin-greeting p{font-size:14px;color:#6b7280;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.admin-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#667eea}.stat-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px}.stat-info{flex:1}.stat-value{font-size:24px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;line-height:1}.admin-quick-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.admin-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.admin-action-btn:hover{background:#f9fafb;border-color:#667eea;transform:translate(4px)}.action-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;border-radius:10px}.action-text{flex:1;font-size:15px;font-weight:600;color:#1f2937;text-align:left}.action-arrow{font-size:18px;color:#9ca3af;transition:transform .2s ease}.admin-action-btn:hover .action-arrow{transform:translate(4px)}.admin-recent-activity{background:#f9fafb;border-radius:12px;padding:16px}.admin-recent-activity h4{font-size:14px;font-weight:700;color:#1f2937;margin:0 0 12px}.activity-feed{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.activity-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:13px;color:#1f2937;margin-bottom:4px;line-height:1.4}.activity-time{font-size:11px;color:#9ca3af}.activity-loading,.activity-empty{text-align:center;padding:20px;color:#9ca3af;font-size:13px}.admin-monitor-view{padding:16px}.monitor-search{margin-bottom:16px}.search-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.monitor-filters{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.filter-btn{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:20px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#f3f4f6}.filter-btn.active{background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;border-color:transparent}.monitor-list{display:flex;flex-direction:column;gap:12px;max-height:450px;overflow-y:auto}.monitor-loading,.monitor-empty,.monitor-error{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.monitor-error{color:#ef4444}.user-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.user-item:hover{transform:translate(4px);border-color:#667eea;box-shadow:0 2px 8px #0000001a}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-details{flex:1;min-width:0}.user-name{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.user-status{font-size:12px;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.user-status.online{color:#10b981}.user-status.online .status-dot{background:#10b981}.user-status.offline{color:#9ca3af}.user-status.offline .status-dot{background:#9ca3af}.user-action{font-size:20px;color:#9ca3af;transition:transform .2s ease}.user-item:hover .user-action{transform:translate(4px)}.ticket-item{padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.ticket-item:hover{border-color:#667eea;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-id{font-size:13px;font-weight:700;color:#6b7280}.ticket-status{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.ticket-status.open{background:#dbeafe;color:#1e40af}.ticket-status.pending{background:#fef3c7;color:#92400e}.ticket-status.closed{background:#d1fae5;color:#065f46}.ticket-subject{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:8px}.ticket-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:#6b7280}.dispute-item{padding:14px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .2s ease}.dispute-item:hover{border-left-color:#f59e0b;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.dispute-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dispute-id{font-size:13px;font-weight:700;color:#1f2937}.dispute-priority{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.dispute-priority.high{background:#fee2e2;color:#991b1b}.dispute-priority.medium{background:#fef3c7;color:#92400e}.dispute-priority.low{background:#dbeafe;color:#1e40af}.dispute-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:8px}.dispute-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;font-size:12px;color:#6b7280}.dispute-status{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f3f4f6}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.investigating{background:#dbeafe;color:#1e40af}.status-badge.resolved{background:#d1fae5;color:#065f46}.dispute-time{font-size:11px;color:#9ca3af}.payment-item{padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.payment-item:hover{border-color:#667eea;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.payment-id{font-size:13px;font-weight:700;color:#1f2937}.payment-amount{font-size:18px;font-weight:700;color:#10b981}.payment-details{display:flex;align-items:center;gap:16px;margin-bottom:10px;font-size:12px;color:#6b7280}.payment-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f3f4f6}.payment-status{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.payment-status.pending{background:#fef3c7;color:#92400e}.payment-status.processing{background:#dbeafe;color:#1e40af}.payment-status.completed{background:#d1fae5;color:#065f46}.payment-time{font-size:11px;color:#9ca3af}.conversation-loading,.conversation-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.message.admin .msg-bubble{background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff}@media(max-width:768px){.admin-stats{grid-template-columns:1fr}}.payment-message{margin:16px 0;display:flex;justify-content:center}.payment-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:0;max-width:320px;width:100%;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.payment-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.payment-card.recipient{border-color:#667eea}.payment-card.sender{border-color:#10b981}.payment-header{background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:10px}.payment-icon{font-size:20px}.payment-title{font-size:14px;font-weight:600;letter-spacing:.3px}.payment-body{padding:16px}.payment-product{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:12px;line-height:1.4}.payment-amount{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:10px;margin-bottom:12px}.amount-label{font-size:13px;color:#6b7280;font-weight:500}.amount-value{font-size:22px;font-weight:700;color:#667eea;letter-spacing:-.5px}.payment-deadline{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;font-weight:500}.deadline-icon{font-size:16px}.payment-actions{padding:16px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #f3f4f6}.btn-payment-primary{background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;text-decoration:none;display:block}.btn-payment-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff;text-decoration:none}.btn-payment-secondary{background:#fff;color:#667eea;border:2px solid #667eea;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease}.btn-payment-secondary:hover{background:#f3f4f6}.payment-status{padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;border-top:1px solid #f3f4f6}.payment-status.paid{color:#065f46;background:#d1fae5}.payment-status.pending{color:#92400e;background:#fef3c7}.status-icon{font-size:18px}.payment-banner{background:#fff;border-bottom:2px solid #e5e7eb;padding:12px 16px;display:flex;align-items:center}.payment-banner.pending{border-left:4px solid #fbbf24;background:#fffbeb}.payment-banner.overdue{border-left:4px solid #ef4444;background:#fef2f2}.payment-banner.completed{border-left:4px solid #10b981;background:#f0fdf4}.banner-content{display:flex;align-items:center;gap:12px;width:100%}.banner-icon{font-size:24px;flex-shrink:0}.banner-info{flex:1}.banner-amount{font-size:16px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.banner-status{font-size:12px;color:#6b7280;line-height:1}.banner-deadline{font-size:11px;color:#ef4444;margin-top:4px;font-weight:600}.banner-action{background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.banner-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea66;color:#fff;text-decoration:none}.event-message{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:12px 0;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;transition:all .3s ease}.event-message:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.event-icon{font-size:28px;line-height:1;min-width:32px;text-align:center}.event-content{flex:1}.event-content strong{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.event-content p{margin:4px 0;font-size:13px;color:#64748b;line-height:1.5}.event-link{display:inline-block;margin-top:8px;color:#3b82f6;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.event-link:hover{color:#2563eb;text-decoration:underline}.bid-message{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.bid-update-message{border-left-color:#06b6d4;background:linear-gradient(135deg,#ecfeff,#cffafe)}.auction-ended-message{border-left-color:#f97316;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.winner-message{border-left-color:#eab308;background:linear-gradient(135deg,#fefce8,#fef9c3);animation:winnerPulse 2s ease-in-out}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.service-message,.service-approved-message{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.payment-success-message{border-left-color:#06b6d4;background:linear-gradient(135deg,#ecfeff,#cffafe)}.payment-failed-message{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.system-message{border-left-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.system-message.success{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.system-message.error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.system-message.warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.event-action{margin:12px 0;text-align:center}.btn-event-action{display:inline-block;background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-event-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff;text-decoration:none}@media(max-width:768px){.tiptap-chat-widget.open .user-greeting{margin-top:20px}.tiptap-chat-widget{width:100%;height:100vh;height:100dvh;bottom:0;right:0;border-radius:0}.chat-footer{position:sticky;bottom:0;background:#fff;z-index:10}.tiptap-chat-widget.keyboard-open .chat-body{padding-bottom:100px}}.chat-footer{display:flex;align-items:flex-end;gap:8px;padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb}.chat-actions{display:flex;gap:8px;align-items:center}.chat-action-btn{width:36px;height:36px;border:none;background:#0b4f8a1a;color:#0b4f8a;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.chat-action-btn:hover{background:#0b4f8a33;transform:scale(1.05)}.chat-action-btn input[type=file]{display:none}.emoji-picker-container{position:absolute;bottom:60px;right:20px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:12px;display:none;max-width:320px;z-index:1000}.emoji-picker-container.show{display:block}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:200px;overflow-y:auto}.emoji-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:6px;transition:background .2s}.emoji-item:hover{background:#f3f4f6}.user-avatar-circle.random-avatar{background:none;padding:0}.user-avatar-circle.random-avatar img,.user-avatar-circle .random-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.file-preview{margin:8px 0;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb}.file-preview-content{display:flex;align-items:center;gap:12px;position:relative}.file-preview-content img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.file-preview-content .file-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:36px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.file-preview-content .file-name{flex:1;font-size:13px;color:#374151;word-break:break-word}.file-preview-content button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border:none;background:#ef4444;color:#fff;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-preview-content button:hover{background:#dc2626;transform:scale(1.1)}.chat-action-btn input[type=file]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.chat-action-btn{position:relative;overflow:hidden}.location-message{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:16px;margin:8px 0;max-width:280px;box-shadow:0 2px 8px #0ea5e926}.location-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.location-icon{font-size:20px}.location-title{font-weight:600;color:#0c4a6e;font-size:14px}.location-address{color:#0369a1;font-size:13px;line-height:1.4;margin-bottom:8px;font-weight:500}.location-coords{color:#075985;font-size:11px;font-family:Courier New,monospace;margin-bottom:12px;display:flex;align-items:center;gap:6px}.location-accuracy{background:#0ea5e926;color:#0369a1;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.location-map-link{display:inline-flex;align-items:center;gap:6px;background:#0ea5e9;color:#fff;text-decoration:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all .2s}.location-map-link:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.chat-message.user .location-message{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.chat-message.bot .location-message{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.chat-message.bot .location-message .location-title{color:#334155}.chat-message.bot .location-message .location-address{color:#475569}.chat-message.bot .location-message .location-coords{color:#64748b}@media(min-width:1024px){.chat-header-right{flex-direction:column;align-items:flex-end;gap:4px}.chat-header-meta{width:100%;text-align:right}.chat-header-chips{width:100%;justify-content:flex-end}}.sound-toggle-btn{position:relative}.sound-toggle-btn.muted{opacity:.6}.sound-toggle-btn svg{width:20px;height:20px}@keyframes redGlowPulse{0%,to{box-shadow:0 0 25px #f00c,0 0 50px #f009,inset 0 0 20px #fff3}50%{box-shadow:0 0 40px red,0 0 70px #f00c,0 0 100px #ff000080,inset 0 0 25px #ffffff4d}}@keyframes headerRedGlow{0%,to{box-shadow:0 0 20px #ef444466,0 4px 12px #ef44444d}50%{box-shadow:0 0 30px #ef444499,0 4px 16px #ef444480,0 0 40px #ef44444d}}.push-notification-toast{position:fixed;left:20px;bottom:40px;width:320px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;transform:translate(-400px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:99997;cursor:pointer;border:2px solid #0b4f8a}.push-notification-toast.show{transform:translate(0);opacity:1}.push-toast-content{display:flex;align-items:center;gap:12px;padding:16px;position:relative}.push-toast-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid #0b4f8a}.push-toast-details{flex:1;min-width:0}.push-toast-sender{display:block;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.push-toast-message{font-size:13px;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.push-toast-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:#6b72801a;color:#6b7280;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.push-toast-close:hover{background:#6b728033;color:#374151}@keyframes slideInLeft{0%{transform:translate(-400px);opacity:0}to{transform:translate(0);opacity:1}}.push-notification-toast.show{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.push-notification-toast{left:10px;right:10px;width:auto;max-width:calc(100vw - 20px)}.chat-header{min-height:112.5px;padding:18px 15px}.chat-title{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.chat-subtitle{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-header-text{flex:1!important;min-width:0!important;max-width:calc(100vw - 140px)!important}.chat-header-context,.chat-header-top{flex:1!important;min-width:0!important}.chat-header-avatar{display:none!important}.chat-header{padding:8px 10px!important;min-height:50px!important}.support-message .support-message-bubble.emoji-only,.chat-message .bubble.emoji-only,.support-message-bubble.emoji-only{padding:6px 12px!important}.support-message .support-message-bubble.emoji-only .support-message-text,.chat-message .bubble.emoji-only .text,.support-message-bubble.emoji-only .support-message-text{font-size:14px!important;line-height:1.5!important}}@keyframes scratchHead{0%,to{transform:rotate(0)}10%{transform:rotate(-5deg) translateY(-3px)}20%{transform:rotate(5deg) translateY(-3px)}30%{transform:rotate(-5deg) translateY(-3px)}40%{transform:rotate(5deg) translateY(-3px)}50%{transform:rotate(0) translateY(0)}}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(12deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(12deg)}60%{transform:rotate(0)}}@keyframes peek{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-8px) scale(.95)}50%{transform:translate(8px) scale(1.05)}75%{transform:translate(-4px) scale(.98)}}@keyframes bouncePlayful{0%,to{transform:translateY(0)}25%{transform:translateY(-12px) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}75%{transform:translateY(-8px) rotate(-2deg)}}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-3deg)}20%,40%,60%,80%{transform:rotate(3deg)}}@keyframes bounceSoft{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(-4px)}75%{transform:translateY(-6px)}}@keyframes shakeUrgent{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes bounceNotify{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes pulseStrong{0%,to{transform:scale(1);box-shadow:0 4px 16px #0b4f8a80}50%{transform:scale(1.1);box-shadow:0 8px 32px #0b4f8acc}}@keyframes celebrate{0%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-10deg) scale(1.1)}20%{transform:rotate(10deg) scale(1.15)}30%{transform:rotate(-10deg) scale(1.1)}40%{transform:rotate(10deg) scale(1.15)}50%{transform:rotate(0) scale(1.2)}60%{transform:scale(1.15)}70%{transform:scale(1.1)}80%{transform:scale(1.05)}}.tiptap-chat-button.animate-scratch-head{animation:scratchHead 2s ease-in-out}.tiptap-chat-button.animate-wave{animation:wave 1.5s ease-in-out}.tiptap-chat-button.animate-peek{animation:peek 1.8s ease-in-out}.tiptap-chat-button.animate-bounce-playful{animation:bouncePlayful 1.5s ease-in-out}.tiptap-chat-button.animate-swing{animation:swing 1.5s ease-in-out}.tiptap-chat-button.animate-spin-slow{animation:spinSlow 2s linear}.tiptap-chat-button.animate-wiggle{animation:wiggle .8s ease-in-out}.tiptap-chat-button.animate-bounce-soft{animation:bounceSoft 1s ease-in-out}.tiptap-chat-button.animate-shake-urgent{animation:shakeUrgent .6s ease-in-out}.tiptap-chat-button.animate-bounce-notify{animation:bounceNotify .8s ease-in-out}.tiptap-chat-button.animate-pulse-strong{animation:pulseStrong 1.5s ease-in-out}.tiptap-chat-button.animate-celebrate{animation:celebrate 2s ease-in-out}@keyframes tada{0%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes wobble{0%,to{transform:translate(0)}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}}@keyframes flip{0%{transform:perspective(400px) rotateY(0)}40%{transform:perspective(400px) rotateY(170deg)}50%{transform:perspective(400px) rotateY(190deg) scale(1.1)}80%{transform:perspective(400px) rotateY(360deg) scale(.95)}to{transform:perspective(400px) rotateY(360deg) scale(1)}}@keyframes jello{0%,to{transform:skew(0) skewY(0)}30%{transform:skew(25deg) skewY(25deg)}40%{transform:skew(-20deg) skewY(-20deg)}50%{transform:skew(15deg) skewY(15deg)}65%{transform:skew(-10deg) skewY(-10deg)}75%{transform:skew(5deg) skewY(5deg)}}@keyframes rubberBand{0%,to{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}}@keyframes headShake{0%,50%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.tt-reg-container--scrollable{display:block;flex:1;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch}.tt-reg-container--scrollable::-webkit-scrollbar{width:6px}.tt-reg-container--scrollable::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.tt-reg-container--scrollable::-webkit-scrollbar-track{background:transparent}@keyframes rollIn{0%{opacity:0;transform:translate(-100%) rotate(-120deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{transform:scale(1)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.tiptap-chat-button.animate-tada{animation:tada 1.5s ease-in-out}.tiptap-chat-button.animate-wobble{animation:wobble 1s ease-in-out}.tiptap-chat-button.animate-flip{animation:flip 1.5s ease-in-out}.tiptap-chat-button.animate-jello{animation:jello 1s ease-in-out}.tiptap-chat-button.animate-rubber-band{animation:rubberBand 1s ease-in-out}.tiptap-chat-button.animate-head-shake{animation:headShake 1s ease-in-out}.tiptap-chat-button.animate-heartbeat{animation:heartbeat 1.5s ease-in-out}.tiptap-chat-button.animate-bounce-in{animation:bounceIn 1s ease-in-out}.tiptap-chat-button.animate-roll-in{animation:rollIn 1s ease-in-out}.tiptap-chat-button.animate-zoom-in{animation:zoomIn .8s ease-in-out}.tiptap-chat-button.animate-flash{animation:flash 1s ease-in-out}.chat-unread-badge{position:absolute;top:-4px;left:-4px;min-width:24px;height:24px;background:linear-gradient(135deg,#ff3b3b,#ff1744);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:4px 6px;box-shadow:0 2px 8px #ff174480;border:2px solid white;z-index:1;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff174480}50%{transform:scale(1.1);box-shadow:0 4px 12px #ff1744cc}}.chat-login{padding:10px 0}.login-header{text-align:center;margin-bottom:24px}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;margin-bottom:12px}.login-header h3{font-size:22px;font-weight:700;margin:0 0 8px;color:#1f2937}.login-header .text-muted{font-size:14px;color:#6b7280;margin:0}.chat-login p{text-align:center;margin-top:16px;font-size:14px;color:#6b7280}.chat-login p a{color:#3b82f6;text-decoration:none;font-weight:600}.chat-login p a:hover{text-decoration:underline}.login-form{display:flex;flex-direction:column;gap:16px}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:44px}.toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.toggle-password:hover{background:#f3f4f6;color:#374151}.form-options{display:flex;justify-content:space-between;align-items:center;margin:-8px 0}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.forgot-link{font-size:13px;color:#667eea;text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.social-divider{position:relative;text-align:center;margin:8px 0}.social-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#e5e7eb}.social-divider span{position:relative;background:#f8f9fa;padding:0 12px;font-size:12px;color:#9ca3af;font-weight:500}.social-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.btn-social{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-social:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);text-decoration:none;color:#374151}.btn-social svg{width:20px;height:20px;flex-shrink:0}.btn-google{border-color:#ea4335}.btn-google:hover{background:#fff5f5;border-color:#ea4335}.btn-facebook{border-color:#1877f2}.btn-facebook:hover{background:#f0f7ff;border-color:#1877f2}.btn-primary svg,.btn-secondary svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.login-form .btn-primary,.register-form .btn-primary{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;line-height:1}.login-form .btn-primary svg,.register-form .btn-primary svg{width:18px;height:18px;flex-shrink:0;display:block}.register-prompt{text-align:center;margin:8px 0}.register-prompt p{font-size:13px;color:#6b7280;margin:0}.register-prompt a{color:#667eea;font-weight:600;text-decoration:none}.register-prompt a:hover{text-decoration:underline}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-message{animation:newMessagePulse 1.2s ease-out}@keyframes newMessagePulse{0%{background-color:#667eea1a;transform:translate(0)}25%{background-color:#667eea33;transform:translate(4px)}50%{background-color:#667eea26;transform:translate(0)}75%{background-color:#667eea1a;transform:translate(2px)}to{background-color:transparent;transform:translate(0)}}.room-unread-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:badgePulse 2s ease-in-out infinite;z-index:10}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444466}50%{transform:scale(1.1);box-shadow:0 4px 12px #ef444499}}.has-unread{border-left:4px solid #667eea!important;background:linear-gradient(to right,#667eea0d,#fff)}.direct-chats-container{padding:16px}.chats-list{display:flex;flex-direction:column;gap:12px}.chat-room-item{display:flex;align-items:center;padding:16px;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:12px;box-shadow:0 2px 4px #00000005}.chat-room-item:hover{background:#fff;border-color:#667eea66;transform:translateY(-4px);box-shadow:0 15px 30px -10px #0000001a;z-index:1}.chat-room-item .user-avatar,.chat-room-item .user-avatar-placeholder{width:56px;height:56px;border-radius:18px;margin-right:16px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;box-shadow:0 4px 10px #0000000f;transition:transform .3s ease}.chat-room-item:hover .user-avatar,.chat-room-item:hover .user-avatar-placeholder{transform:scale(1.05)}.chat-room-item .user-avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px}.chat-room-item .room-info{flex:1;min-width:0}.chat-room-item .room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-room-item .room-header h4{margin:0;font-size:17px;font-weight:700;color:#1e293b;letter-spacing:-.01em}.chat-room-item .unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:800;box-shadow:0 4px 10px #ef44444d}.chat-room-item .last-message{color:#64748b;font-size:14px;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.chat-room-item .timestamp{color:#9ca3af;font-size:12px;display:block;margin-top:4px}.user-search-container{padding:16px}.search-input-wrapper{position:relative;margin-bottom:16px}.search-input{width:100%;padding:14px 44px 14px 20px;border:1px solid #e2e8f0;border-radius:14px;font-size:15px;background:#f8fafc;transition:all .3s ease;color:#1e293b}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 4px 12px #667eea26}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.search-results{display:flex;flex-direction:column;gap:12px}.user-search-result{display:flex;align-items:center;padding:14px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .2s ease;cursor:pointer}.user-search-result:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.user-search-result .user-avatar,.user-search-result .user-avatar-placeholder{width:48px;height:48px;border-radius:14px;margin-right:16px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #0000000d}.user-search-result .user-avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-search-result .user-info{flex:1;min-width:0}.user-search-result .user-info h4{margin:0 0 2px;font-size:15px;font-weight:600;color:#1f2937}.user-search-result .user-name{color:#6b7280;font-size:13px;margin:0}.btn-primary-small{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-primary-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.text-muted{color:#9ca3af;font-size:13px}.chat-view-container{display:flex;flex-direction:column;height:calc(100vh - 160px);max-height:600px}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.chat-message{margin-bottom:16px;max-width:70%}.chat-message.own-message{margin-left:auto;text-align:right}.chat-message.other-message{margin-right:auto}.message-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px;color:#6b7280}.message-content{background:#fff;padding:12px;border-radius:12px;border:1px solid #e5e7eb;word-wrap:break-word}.own-message .message-content{background:linear-gradient(135deg,#667eea,#0b7af0);color:#fff;border:none}.message-attachments{margin-top:8px;display:flex;flex-direction:column;gap:4px}.attachment-link{color:inherit;text-decoration:underline;font-size:13px}.chat-input-container{padding:16px;background:#fff;border-top:1px solid #e5e7eb}.message-textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit;margin-bottom:12px}.message-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-actions{display:flex;gap:8px;justify-content:flex-end}.empty-messages{text-align:center;padding:40px 20px;color:#6b7280}.empty-state-inline,.loading-state-inline,.error-state-inline{padding:20px;text-align:center;color:#6b7280}.spinner-small{display:inline-block;width:20px;height:20px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .6s linear infinite;margin-bottom:8px}.messages-container{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-message{display:flex;flex-direction:column;margin-bottom:16px;align-items:flex-start}.chat-message.admin,.chat-message.outgoing{align-items:flex-end}.chat-message .user-initials,.chat-message .avatar,.avatar-fallback{display:none}.chat-message .bubble{max-width:78%;display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-break:break-word;box-shadow:0 6px 18px #0f172a1f;position:relative;margin-bottom:6px}.chat-message.incoming .bubble,.chat-message:not(.admin):not(.outgoing) .bubble{background:#fff;color:#0f172a;border-bottom-left-radius:6px;border:1px solid rgba(15,23,42,.08);align-self:flex-start}.chat-message.outgoing .bubble,.chat-message.admin .bubble{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border-bottom-right-radius:6px;border:none;box-shadow:0 12px 30px #2563eb59;align-self:flex-end}.chat-message .message-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#0f172a99}.chat-message .message-meta .name{font-size:11px;font-weight:700}.chat-message.incoming .message-meta{justify-content:flex-start}.chat-message.outgoing .message-meta,.chat-message.admin .message-meta{justify-content:flex-end;color:#ffffffd9}.chat-message.incoming .message-meta .name,.chat-message:not(.admin):not(.outgoing) .message-meta .name{color:#1565c0}.chat-message.outgoing .message-meta .name,.chat-message.admin .message-meta .name{color:#333}.chat-message .message-meta .time{font-size:11px;opacity:.7}.chat-message.incoming .message-meta .time,.chat-message:not(.admin):not(.outgoing) .message-meta .time{color:#1565c0}.chat-message.outgoing .message-meta .time,.chat-message.admin .message-meta .time{color:#666}.chat-message .text{font-weight:500;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.chat-message.incoming .text,.chat-message:not(.admin):not(.outgoing) .text{color:#1565c0}.chat-message.outgoing .text,.chat-message.admin .text{color:#333}.chat-message .read-status{font-size:10px;opacity:.6;margin-top:2px;align-self:flex-end;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.chat-message.incoming .read-status,.chat-message:not(.admin):not(.outgoing) .read-status{color:#1565c0;align-self:flex-start}.chat-message.outgoing .read-status,.chat-message.admin .read-status{color:#666;align-self:flex-end}.chat-message .read-status.read{color:#10b981}.chat-message .read-status.unread{color:#f59e0b}.chat-message.typing-indicator,.typing-indicator,.typing-dots,.typing-dots span{display:none!important}.chat-message .bubble.emoji-only,.support-message-bubble.emoji-only,.support-message .support-message-bubble.emoji-only{padding:6px 12px!important}.support-message .support-message-bubble.emoji-only .support-message-text,.support-message-bubble.emoji-only .support-message-text,.chat-message .bubble.emoji-only .text{font-size:14px!important;line-height:1.5!important}.support-message-text .message-link,.support-message-text .location-link{color:#1565c0;text-decoration:none;font-weight:500;word-break:break-all;transition:all .2s ease;border-bottom:1px solid transparent}.support-message-text .message-link:hover,.support-message-text .location-link:hover{color:#0d47a1;border-bottom-color:#0d47a1;text-decoration:none}.support-message-text .location-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#1565c01a;border-radius:6px;margin:2px 0}.support-message-text .location-link:hover{background:#1565c033;transform:translate(2px)}.chat-message .attachments{margin-top:8px;display:flex;flex-direction:column;gap:8px}.chat-message .attachment-card{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffffb3;border-radius:10px;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:all .2s}.chat-message .attachment-card:hover{background:#ffffffe6;border-color:#667eea4d;transform:translateY(-1px)}.chat-message .attachment-thumbnail{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid rgba(0,0,0,.1)}.chat-message .attachment-meta{flex:1;min-width:0}.chat-message .attachment-meta .name{font-size:13px;font-weight:600;color:#1f2937;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.chat-message .attachment-meta .size{font-size:11px;color:#6b7280}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:15px;color:#6b7280;margin:0}.support-chat-container{display:flex;flex-direction:column;height:100%;width:100%;min-height:0}.chat-body--messenger{padding:0;background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.chat-body--messenger .support-chat-container{flex:1}.messenger-chat{background:linear-gradient(180deg,#f8fafc,#eef2ff);border-radius:0 0 16px 16px;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.messenger-header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border-bottom:1px solid #e2e8f0}.messenger-back-btn{background:#e2e8f0b3;border:none;width:36px;height:36px;border-radius:12px;font-size:18px;cursor:pointer;color:#0f172a;transition:all .2s ease}.messenger-back-btn:hover{background:#e0e7ff;transform:translate(-2px)}.messenger-avatar{width:48px;height:48px;border-radius:16px;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.messenger-header-details{flex:1;min-width:0}.messenger-header-name{margin:0;font-size:16px;font-weight:600;color:#0f172a}.messenger-header-status{margin:2px 0 0;font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.presence-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0}.presence-dot.online{background:#22c55e}.presence-dot.offline{background:#ef4444}.messenger-room-chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.room-chip{padding:4px 10px;border-radius:999px;background:#0f172a14;font-size:11px;font-weight:600;color:#334155}.messenger-header-actions{display:flex;gap:6px}.messenger-action-btn{width:36px;height:36px;border-radius:12px;border:none;background:#eef2ff;color:#1d4ed8;cursor:pointer;font-size:18px;transition:all .2s ease}.messenger-action-btn:hover{background:#dbeafe;transform:translateY(-1px)}.messenger-action-banner{padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.support-chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 16px 12px;display:flex;flex-direction:column;gap:12px;min-height:0}.support-message{display:flex;flex-direction:column;margin-bottom:16px;align-items:flex-start}.support-message.user{align-items:flex-end}.support-message.admin{align-items:flex-start}.support-message .support-message-bubble{max-width:78%;display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-break:break-word;box-shadow:0 6px 18px #0f172a1f;position:relative;margin-bottom:6px;background:#fff;color:#0f172a}.support-message.admin .support-message-bubble{border-bottom-left-radius:6px;background:#a8d5ff;border:1px solid #87CEEB;align-self:flex-start;color:#000}.support-message.admin .support-message-bubble[style*=background]{color:#000;border:none;box-shadow:0 12px 30px #00000040}.support-message.admin .support-message-bubble[style*=background] .support-message-meta{color:#000000b3}.support-message.admin .support-message-bubble[style*=background] .support-message-text,.support-message.admin .support-message-bubble[style*=background] .message-text{color:#000}.support-message.admin .support-message-bubble[style*=background] .support-message-text a{color:#06c;text-decoration:underline}.support-message.user .support-message-bubble{background:#a8d5ff;color:#000;border-bottom-right-radius:6px;border:1px solid #87CEEB;box-shadow:0 6px 18px #0f172a1f;align-self:flex-end}.support-message.user .support-message-text a{color:#06c;font-weight:600;text-decoration:underline}.message-actions-trigger{background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;padding:0 4px;font-size:16px;line-height:1;transition:opacity .2s}.message-actions-trigger:hover{opacity:1}.support-message .support-message-meta{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#0f172a99;margin-bottom:6px}.support-message.user .support-message-meta{justify-content:flex-end;color:#0f172a99}.support-message.admin .support-message-meta{justify-content:flex-start;color:#000000b3!important}.support-message.admin .support-message-bubble,.support-message.admin .support-message-text,.support-message.admin .message-text,.support-message.admin .support-message-sender,.support-message.admin .support-message-time{color:#000!important}.support-message-sender{font-size:11px;font-weight:700;color:inherit}.support-message-time{font-size:11px;font-weight:600;color:inherit;opacity:.85}.support-message-text{font-size:14px;line-height:1.5;word-break:break-word;color:inherit}.support-message.user .support-message-text a{color:#1e40af;font-weight:600}.messenger-chat .support-message{width:100%}.messenger-chat .support-message .support-message-bubble{font-size:17.5px;line-height:1.6;box-shadow:0 10px 26px #0f172a2e}.messenger-chat .support-message .support-message-meta{font-size:13.5px}.messenger-chat .message-status-label{font-size:12px}.messenger-chat .support-message.user{align-items:flex-end}.messenger-chat .support-message.user .support-message-bubble{background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 12px #00000014!important;border-bottom-right-radius:6px!important;align-self:flex-end!important}.messenger-chat .support-message.user .support-message-meta{color:#0f172a99!important;justify-content:flex-end!important}.messenger-chat .support-message.user .support-message-text a{color:#2563eb!important;font-weight:600!important;text-decoration:underline}.messenger-chat .support-message.admin{align-items:flex-start!important}.messenger-chat .support-message.admin .support-message-bubble{background:#dbeafe!important;color:#0f172a!important;border:1px solid #bfdbfe!important;box-shadow:0 10px 24px #2563eb1f!important;border-bottom-left-radius:6px!important;align-self:flex-start!important}.messenger-chat .support-message.admin .support-message-bubble[style*=background]{color:#fff!important;border:none!important;box-shadow:0 20px 32px #0000004d!important}.messenger-chat .support-message.admin .support-message-bubble[style*=background] .support-message-meta{color:#ffffffe6!important}.messenger-chat .support-message.admin .support-message-bubble[style*=background] .support-message-text{color:#fff!important}.messenger-chat .support-message.admin .support-message-bubble[style*=background] .support-message-text a{color:#fff!important;text-decoration:underline}.messenger-chat .support-message.admin .support-message-meta{color:#0f172abf!important;justify-content:flex-start!important}.support-attachment-preview{display:none;padding:0 16px 12px;flex-wrap:wrap;gap:10px;width:100%;flex-shrink:0}.support-attachment-preview.show,.support-attachment-preview:has(.attachment-preview-item),.support-attachment-preview:has(.attachment-loader){display:flex}.attachment-loader{display:flex;align-items:center;justify-content:center;padding:16px;width:100%}.attachment-loader-content{display:flex;align-items:center;gap:12px;color:#667eea;font-size:14px;font-weight:500}.attachment-loader-content .spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.messenger-attachment-preview{padding:0 20px 12px;background:#fff;border-top:1px solid #e2e8f0}.attachment-preview-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;box-shadow:0 6px 16px #0f172a14;position:relative;min-width:220px}.attachment-preview-content{display:flex;align-items:center;gap:12px}.attachment-preview-content img{width:80px;height:80px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:1px solid #e2e8f0}.attachment-info{display:flex;flex-direction:column;gap:2px}.attachment-name{font-weight:600;font-size:13px;color:#0f172a}.attachment-size{font-size:11px;color:#64748b}.remove-attachment{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:#ef4444;color:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.messenger-composer{background:#fff;border-top:1px solid #e2e8f0;padding:15px 16px calc(15px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000000d;display:flex;flex-direction:column;gap:10px;flex-shrink:0;margin-top:auto}.messenger-composer .message-input-area{background:transparent;padding:0;box-shadow:none}.messenger-composer .input-wrapper{display:flex;align-items:center;gap:10px;background:#f5f7fa;border-radius:25px;padding:8px 12px}.messenger-composer .input-action-btn{width:40px;height:40px;min-width:40px;border-radius:50%;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.125rem;flex-shrink:0}.messenger-composer .input-action-btn:hover,.messenger-composer .input-action-btn.active{color:#1e3a8a;transform:rotate(45deg)}.messenger-composer .input-field-wrapper{flex:1;min-width:0;position:relative;display:flex;align-items:center;background:transparent;border-radius:24px}.messenger-composer .message-input{flex:1;min-width:0;border:none;background:transparent;resize:none;outline:none;font-size:15px;max-height:100px;overflow-y:auto;padding:8px 12px}.messenger-composer .input-emoji-btn{width:36px;height:36px;min-width:36px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;margin-right:4px;border-radius:50%;transition:all .2s}.messenger-composer .input-emoji-btn:hover{color:#f59e0b;background:#f59e0b1a}.messenger-composer .send-button,.messenger-composer .composer-send-btn{background:#e0e0e0;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:18px}.messenger-composer .send-button.active,.messenger-composer .composer-send-btn.active{background:linear-gradient(135deg,#1e3a8a,#3b82f6);transform:scale(1.1)}.messenger-composer .send-button:disabled,.messenger-composer .composer-send-btn:disabled{opacity:.5;cursor:not-allowed}.messenger-composer .composer-attachment-options{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:6px 2px 0}.messenger-composer .composer-attachment-options.open{display:grid}.messenger-composer .attachment-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:none;border-radius:14px;background:#f8fafc;cursor:pointer}.messenger-composer .attachment-option span{font-size:12px;color:#0f172a}.messenger-composer .option-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.messenger-emoji-panel{bottom:130px;right:32px}.support-chat-header-card{position:relative;padding:16px;background:#fff;border-bottom:1px solid #e2e8f0}.support-chat-header-toggle{position:absolute;top:8px;right:8px;background:#ffffffe6;border-radius:6px;padding:6px;box-shadow:0 2px 6px #0f172a26;cursor:pointer}.chat-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;line-height:1.2!important}.chat-subtitle{display:inline!important;font-size:11px!important;opacity:.8!important;margin-left:8px!important}.chat-header-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important;min-width:0!important}.chat-header{min-height:40px!important;padding:6px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.chat-header{padding:6px 12px!important;min-height:40px!important}.chat-header-top{display:flex;align-items:center;gap:8px;width:100%}.chat-header-avatar{display:none!important}.chat-header-text{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.chat-title{line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-subtitle{font-size:12px!important;margin-top:2px!important;opacity:.85!important}.welcome-lang-picker{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:12px}.welcome-lang-picker label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#94a3b8}.welcome-lang-picker .chat-lang-selector{background:#fff;border:1px solid #e5e7eb;color:#1f2937;padding:6px 32px 6px 12px;font-size:16.5px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.welcome-lang-picker .chat-lang-selector:hover{background:#ffffff59;border-color:#ffffff80}.welcome-lang-picker .chat-lang-selector option{color:#1f2937;background:#fff}.tiptap-chat-widget[data-view=welcome] .chat-body{overflow-y:auto;max-height:calc(100% - 50px)}.chat-welcome{overflow-y:auto;height:auto;max-height:100%}.topic-cards{overflow:visible;margin-bottom:20px}.tiptap-chat-widget{overscroll-behavior:contain;touch-action:pan-y}.tiptap-chat-widget .chat-body{overscroll-behavior:contain}.rooms-dashboard{display:flex;flex-direction:column;gap:16px}.chat-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px}.chat-tab{flex:1;padding:10px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.chat-tab:hover{color:#1e293b;background:#ffffff80}.chat-tab.active{background:#fff;color:#ef4444;box-shadow:0 2px 4px #0000000d}.tab-badge{background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.rooms-card-grid{display:flex;flex-direction:column;gap:12px}.rooms-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative}.rooms-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f;border-color:#ef4444}.rooms-card.has-unread{background:#fef2f2;border-color:#fecaca}.rooms-card-unread{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 4px #ef44444d;z-index:2}.rooms-card-avatar{flex-shrink:0;width:48px;height:48px}.rooms-card-avatar img,.rooms-card-avatar .user-avatar-circle{width:100%;height:100%;border-radius:14px;-o-object-fit:cover;object-fit:cover}.rooms-card-content{flex:1;min-width:0}.rooms-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.rooms-card-title{font-size:15px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooms-card-time{font-size:11px;color:#94a3b8;font-weight:500;white-space:nowrap;margin-left:8px}.rooms-card-subheader{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.rooms-status-pill{font-size:10px;padding:2px 8px;border-radius:6px;background:#f1f5f9;color:#64748b;font-weight:600;display:inline-flex;align-items:center;gap:4px}.rooms-priority-pill{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:600}.rooms-priority-pill.priority-high{background:#fee2e2;color:#ef4444}.rooms-priority-pill.priority-normal{background:#e0f2fe;color:#0ea5e9}.rooms-card-preview{font-size:13px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-author{font-weight:600;color:#475569;margin-right:4px}.chat-container .assistant-cta,.support-chat-container .assistant-cta,.direct-chat-container .assistant-cta{background:linear-gradient(135deg,#667eea,#0b7af0)!important;box-shadow:0 4px 12px #667eea4d!important}.chat-container .assistant-cta:hover,.support-chat-container .assistant-cta:hover,.direct-chat-container .assistant-cta:hover{box-shadow:0 6px 16px #667eea66!important}.chat-container .btn-primary,.support-chat-container .btn-primary,.direct-chat-container .btn-primary{background:linear-gradient(135deg,#667eea,#0b7af0)!important}.chat-container .btn-primary:hover,.support-chat-container .btn-primary:hover,.direct-chat-container .btn-primary:hover{box-shadow:0 4px 12px #667eea4d!important}.chat-container .btn-secondary,.support-chat-container .btn-secondary,.direct-chat-container .btn-secondary{color:#667eea!important;border-color:#667eea!important}.chat-container .user-avatar-circle,.support-chat-container .user-avatar-circle,.direct-chat-container .user-avatar-circle{background:linear-gradient(135deg,#667eea,#0b7af0)!important}.typing-indicator{display:none!important;padding:8px 16px;font-size:12px;color:#6b7280;align-items:center;gap:8px}.typing-indicator.active{display:none!important}.welcome-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.action-btn{width:100%;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s;box-shadow:0 2px 4px #0000000d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#667eea}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.action-btn .icon{font-size:24px;margin-right:12px}.action-btn .text{flex:1;text-align:left}.action-btn .arrow{font-size:18px;opacity:.7}.tiptap-fab-notification{position:fixed;bottom:130px;right:20px;z-index:99998;background:linear-gradient(135deg,#1e3a8a,#2563eb 45%,#60a5fa);color:#fff;padding:16px 46px 16px 24px;border-radius:16px;box-shadow:0 8px 24px #1e3a8a66,0 4px 8px #0003;font-size:18px;font-weight:700;text-align:left;max-width:320px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:translateY(0);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:12px}.tiptap-fab-notification:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1e3a8a80,0 6px 12px #00000040}.tiptap-fab-notification.fab-notification-prompt{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166,0 4px 8px #0003}.tiptap-fab-notification.fab-notification-prompt:hover{box-shadow:0 12px 32px #10b98180,0 6px 12px #00000040}.tiptap-fab-notification.fab-notification-waiting{background:linear-gradient(135deg,#1e3a8a,#2563eb 45%,#60a5fa);box-shadow:0 8px 24px #2563eb73,0 4px 8px #0003}.tiptap-fab-notification.fab-notification-waiting:hover{box-shadow:0 12px 32px #2563eb8c,0 6px 12px #00000040}.tiptap-fab-notification-text{flex:1}.tiptap-fab-notification-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.tiptap-fab-notification-close:hover{background:#ffffff59;transform:scale(1.05)}.tiptap-fab-notification.fab-notification-ready{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 24px #3b82f666,0 4px 8px #0003}.tiptap-fab-notification.fab-notification-ready:hover{box-shadow:0 12px 32px #3b82f680,0 6px 12px #00000040}@keyframes fabNotificationPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.tiptap-fab-notification.fab-notification-pulse{animation:fabNotificationPulse 2s ease-in-out infinite}@keyframes fabButtonPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0000001a}50%{transform:scale(1.15);box-shadow:0 8px 24px #3b82f680,0 4px 8px #0003}}.tiptap-chat-button.fab-button-pulse{animation:fabButtonPulse 2s ease-in-out infinite}@media(max-width:480px){.tiptap-fab-notification{bottom:100px;right:16px;max-width:calc(100vw - 32px);font-size:16px;padding:14px 20px}}