.help-header{display:flex;flex-direction:column;gap:.5rem}.help-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.help-grid{grid-template-columns:2fr 1fr}}.help-main-col{gap:2rem}.help-main-col,.help-sidebar{display:flex;flex-direction:column}.help-sidebar{gap:1.5rem}.help-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.help-card-header{padding:1.5rem;border-bottom:1px solid var(--border);background:rgba(249,250,251,.5)}.help-card-body{padding:1.5rem}.help-form-textarea{min-height:150px;resize:vertical}.help-contact-card{padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;align-items:flex-start;gap:1rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.help-contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.help-contact-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-contact-icon.chat{background-color:#eff6ff;color:#2563eb}.help-contact-icon.email{background-color:#f5f3ff;color:#7c3aed}.message-list{display:flex;flex-direction:column;gap:1rem}.message-item{padding:1rem;background-color:var(--bg-subtle);border-radius:var(--radius-xl);border:1px solid transparent;transition:all var(--transition-fast)}.message-item:hover{background-color:white;border-color:var(--border);box-shadow:var(--shadow-sm)}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.message-subject{font-weight:600;color:var(--text-heading);font-size:.875rem}.message-date{font-size:.75rem;color:var(--text-muted)}.message-preview{font-size:.875rem;color:var(--text-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-status{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-top:.75rem}.message-status.pending{background-color:#fef3c7;color:#92400e}.message-status.in_progress{background-color:#eff6ff;color:#1e40af}.message-status.resolved{background-color:#dcfce7;color:#166534}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:16rem;background:linear-gradient(180deg,#052e16,#14532d 50%,#052e16);color:white;border-right:1px solid rgba(34,197,94,.2);box-shadow:0 0 50px rgba(0,0,0,.5);transform:translateX(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sidebar.open{transform:translateX(0)}.sidebar.sidebar-collapsed{width:5rem}.sidebar-header{justify-content:space-between;padding:1.25rem;border-bottom:1px solid rgba(34,197,94,.15);min-height:80px}.sidebar-brand,.sidebar-header{display:flex;align-items:center}.sidebar-brand{gap:.75rem}.sidebar-logo-icon{width:2.75rem;height:2.75rem;background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(34,197,94,.4);position:relative;overflow:hidden;transition:all .3s ease}.sidebar-logo-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2))}.sidebar-logo-icon:hover{transform:scale(1.05);box-shadow:0 12px 28px rgba(34,197,94,.5)}.sidebar-logo-centered{margin:0 auto}.sidebar-logo-text-inner{font-size:1.5rem;font-weight:900;color:white;position:relative;z-index:1}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-text h1{font-size:1.25rem;font-weight:900;color:white;letter-spacing:-.02em;margin:0}.sidebar-logo-text p{font-size:.75rem;color:rgba(134,239,172,.7);font-weight:600;margin:-.125rem 0 0}.sidebar-toggle-btn{padding:.5rem;background:none;border:none;color:rgba(134,239,172,.6);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.sidebar-toggle-btn:hover{background:rgba(34,197,94,.2);color:white;transform:scale(1.1)}.sidebar-close-btn{padding:.5rem;background:none;border:none;color:rgba(134,239,172,.6);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.sidebar-close-btn:hover{background:rgba(34,197,94,.2);color:white;transform:scale(1.1)}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem;scrollbar-width:thin;scrollbar-color:rgba(34,197,94,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(34,197,94,.3);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(34,197,94,.5)}.sidebar-nav-list{display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:.75rem;color:rgba(187,247,208,.85);font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sidebar-nav-item:hover{background:rgba(34,197,94,.15);color:white;transform:translateX(2px)}.sidebar-nav-item.active{background:linear-gradient(90deg,#16a34a,#22c55e);color:white;font-weight:700;box-shadow:0 4px 12px rgba(34,197,94,.35)}.sidebar-nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:.75rem;border-top:1px solid rgba(34,197,94,.15)}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:none;border:none;border-radius:.75rem;color:rgba(187,247,208,.85);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-logout-btn:hover{background:rgba(185,28,28,.3);color:#fca5a5;transform:translateX(2px)}@media (min-width:1024px){.sidebar{position:static;transform:translateX(0)}.sidebar-overlay{display:none!important}}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar-collapsed .sidebar-logout-btn,.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:.625rem}.sidebar-collapsed .sidebar-logout-btn span,.sidebar-collapsed .sidebar-nav-label{display:none}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar.open{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}