.support-page{min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-xl))}.support-header{max-width:var(--max-width);padding:0 var(--space-lg)var(--space-lg);margin:0 auto}.support-header__top{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.support-header__icon{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--teal),#1a7a6e);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.support-header__text h1{font-size:var(--text-h2);font-weight:700}.support-header__text p{font-size:var(--text-sm);color:var(--text-muted);font-weight:300}.support-tabs{background:var(--bg-surface);border-radius:var(--radius);gap:.35rem;width:fit-content;padding:4px;display:flex}.support-tab{font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease);font-weight:500;font-family:var(--font-primary);background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;display:flex}.support-tab:hover{color:var(--text-primary)}.support-tab--active{background:var(--bg-card);color:var(--teal);box-shadow:0 1px 3px #0000000f}.support-content{max-width:var(--max-width);padding:0 var(--space-lg)var(--space-2xl);margin:0 auto}.support-stats-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.support-stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;transition:all var(--duration-fast)var(--ease)}.support-stat-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.support-stat-icon{border-radius:var(--radius);width:36px;height:36px;margin:0 auto var(--space-xs);justify-content:center;align-items:center;display:flex}.support-stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:800}.support-stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.support-section-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600}.support-quick-actions{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.support-quick-action{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease);font-family:var(--font-primary);text-align:left;color:inherit;display:flex}.support-quick-action:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f14}.support-quick-action__icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.support-quick-action__label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.support-quick-action__desc{font-size:var(--text-xs);color:var(--text-muted);font-weight:300}.support-conversations{flex-direction:column;gap:.5rem;display:flex}.support-conv-item{align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast)var(--ease);text-align:left;width:100%;font-family:var(--font-primary);color:inherit;padding:.75rem 1rem;display:flex}.support-conv-item:hover{border-color:var(--teal)}.support-conv-item-active{border-color:var(--teal);background:#2a9d8f0d}.support-conv-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.support-conv-meta{font-size:var(--text-xs);color:var(--text-muted)}.support-empty{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.support-empty p{font-size:var(--text-sm);color:var(--text-muted);font-weight:300}.support-chat-layout{gap:var(--space-md);height:calc(100vh - 16rem);min-height:400px;display:flex}.support-chat-sidebar{flex-direction:column;flex-shrink:0;gap:.5rem;width:260px;display:flex;overflow-y:auto}.support-new-conv-btn{border:1px dashed var(--border-medium);border-radius:var(--radius);width:100%;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease);background:0 0;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.support-new-conv-btn:hover{border-color:var(--teal);color:var(--teal)}.support-sidebar-convs{flex-direction:column;gap:.35rem;margin-top:.25rem;display:flex}.support-sidebar-conv{position:relative}.support-sidebar-conv .support-delete-btn{opacity:0;cursor:pointer;color:var(--text-muted);transition:opacity var(--duration-fast)var(--ease),color var(--duration-fast)var(--ease);background:0 0;border:none;padding:2px;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.support-sidebar-conv:hover .support-delete-btn{opacity:1}.support-sidebar-conv .support-delete-btn:hover{color:var(--coral)}.support-chat-container{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-card);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.support-chat-header{border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.support-chat-header-icon{border-radius:var(--radius);background:linear-gradient(135deg,var(--teal),#1a7a6e);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.support-chat-header h3{font-size:var(--text-sm);font-weight:600}.support-chat-header p{color:var(--text-muted);font-size:10px;font-weight:300}.support-online-badge{color:var(--teal);align-items:center;gap:6px;margin-left:auto;font-size:10px;font-weight:500;display:flex}.support-online-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite support-pulse}.support-chat-messages{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex;overflow-y:auto}.support-chat-messages::-webkit-scrollbar{width:4px}.support-chat-messages::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:2px}.support-chat-welcome{text-align:center;padding:var(--space-xl)0}.support-chat-welcome h3{margin-bottom:var(--space-xs);font-size:1.15rem;font-weight:600}.support-chat-welcome p{font-size:var(--text-sm);color:var(--text-secondary);max-width:380px;margin:0 auto;font-weight:300}.support-bubble{border-radius:var(--radius-lg);max-width:80%;font-size:var(--text-sm);animation:support-fade-in .3s var(--ease);padding:.75rem 1rem;font-weight:300;line-height:1.65}.support-bubble--user{background:var(--bg-surface);color:var(--text-primary);border-bottom-right-radius:4px;align-self:flex-end}.support-bubble--assistant{color:var(--text-primary);background:#2a9d8f14;border-bottom-left-radius:4px;align-self:flex-start}.support-bubble--assistant strong{color:var(--teal);font-weight:600}.support-bubble-time{color:var(--text-muted);opacity:.7;margin-top:4px;font-size:10px}.support-typing{border-radius:var(--radius-lg);animation:support-fade-in .3s var(--ease);background:#2a9d8f14;border-bottom-left-radius:4px;align-self:flex-start;align-items:center;gap:5px;padding:.75rem 1rem;display:flex}.support-typing-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite support-bounce}.support-typing-dot:nth-child(2){animation-delay:.2s}.support-typing-dot:nth-child(3){animation-delay:.4s}.support-chat-input{border-top:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:.5rem;padding:.85rem 1.25rem;display:flex}.support-chat-input input{border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-deep);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-primary);transition:border-color var(--duration-fast)var(--ease);outline:none;flex:1;padding:.625rem 1rem;font-weight:300}.support-chat-input input:focus{border-color:var(--teal)}.support-chat-input input::placeholder{color:var(--text-muted)}.support-send-btn{border-radius:var(--radius);background:linear-gradient(135deg,var(--teal),#1a7a6e);color:#fff;cursor:pointer;width:38px;height:38px;transition:all var(--duration-fast)var(--ease);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.support-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #2a9d8f4d}.support-send-btn:disabled{opacity:.3;cursor:not-allowed}.support-wa-card{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-card);overflow:hidden}.support-wa-header{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);align-items:center;gap:.75rem;padding:1.25rem;display:flex}.support-wa-header h3{font-size:1.1rem;font-weight:700}.support-wa-header p{font-size:var(--text-sm);opacity:.85;font-weight:300}.support-wa-body{padding:var(--space-lg)}.support-wa-body>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md);font-weight:300;line-height:1.6}.support-wa-actions{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.support-wa-link{border-radius:var(--radius);color:#fff;font-weight:600;font-size:var(--text-sm);transition:all var(--duration-fast)var(--ease);cursor:pointer;background:#25d366;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.support-wa-link:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.support-wa-hint{font-size:var(--text-xs);color:var(--text-muted)}.support-wa-config{background:var(--bg-surface);border-radius:var(--radius);padding:var(--space-md)}.support-wa-config h4{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-sm);align-items:center;gap:.5rem;font-weight:600;display:flex}.support-wa-config-row{align-items:center;gap:.5rem;display:flex}.support-wa-config-row input{border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-primary);transition:border-color var(--duration-fast)var(--ease);outline:none;flex:1;padding:.55rem .85rem;font-weight:300}.support-wa-config-row input:focus{border-color:var(--teal)}.support-wa-config-row button{border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease);padding:.55rem 1rem}.support-wa-config-row button:hover{border-color:var(--teal);color:var(--teal)}.support-wa-success{font-size:var(--text-xs);color:var(--teal);margin-top:var(--space-xs);align-items:center;gap:4px;display:flex}.support-wa-sessions{margin-top:var(--space-lg)}.support-wa-session{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.support-wa-session-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.support-wa-session-dot--active{background:#22c55e}.support-wa-session-dot--waiting{background:var(--sunburst)}.support-wa-session-dot--resolved{background:var(--text-muted)}.support-wa-session-info{flex:1;min-width:0}.support-wa-session-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.support-wa-session-msg{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.support-wa-session-time{color:var(--text-muted);font-size:10px}.support-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:.2rem .6rem;font-size:10px;font-weight:600;display:inline-flex}.support-badge--active{color:var(--teal);background:#2a9d8f1a}.support-badge--waiting{background:var(--sunburst-dim);color:var(--sunburst)}.support-badge--resolved{background:var(--bg-elevated);color:var(--text-muted)}.support-faq-filters{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:.5rem;display:flex}.support-faq-filter{border-radius:var(--radius);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast)var(--ease);border:1px solid var(--border-light);color:var(--text-secondary);font-weight:500;font-family:var(--font-primary);background:0 0;align-items:center;gap:.4rem;padding:.4rem .85rem;display:flex}.support-faq-filter:hover{border-color:var(--border-medium)}.support-faq-filter--active{border-color:var(--teal);color:var(--teal);background:#2a9d8f0f}.support-faq-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.support-faq-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--duration-fast)var(--ease)}.support-faq-card:hover{border-color:var(--teal)}.support-faq-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.support-faq-card h4{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1.4}.support-faq-card__chevron{color:var(--text-muted);flex-shrink:0;margin-top:2px}.support-faq-card__body{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.support-faq-card__body p{font-size:var(--text-sm);color:var(--text-secondary);font-weight:300;line-height:1.6}.support-faq-ask-btn{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--teal);cursor:pointer;font-weight:500;font-family:var(--font-primary);transition:color var(--duration-fast)var(--ease);background:0 0;border:none;align-items:center;gap:.4rem;padding:0;display:flex}.support-faq-ask-btn:hover{color:#1a7a6e}@keyframes support-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes support-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes support-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:1024px){.support-stats-grid,.support-quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.support-stats-grid{grid-template-columns:1fr 1fr}.support-quick-actions{grid-template-columns:1fr}.support-chat-layout{flex-direction:column;height:auto}.support-chat-sidebar{width:100%;max-height:200px}.support-chat-container{min-height:400px}.support-faq-grid{grid-template-columns:1fr}.support-tabs{width:100%;overflow-x:auto}}