.support-modal-backdrop{position:fixed;inset:0;z-index:999999;background:#06080ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;padding:3.5rem 1rem 2rem;overflow-y:auto;animation:supportBackdropFade .2s ease-out}@keyframes supportBackdropFade{0%{opacity:0}to{opacity:1}}.support-modal-card{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 5rem);margin:0 auto;background:linear-gradient(165deg,#131726,#0a0d14);border:1px solid rgba(129,140,248,.38);border-radius:20px;box-shadow:0 24px 70px -10px #000000f2,0 0 45px #6366f138,inset 0 1px #ffffff1f;color:#e2e8f0;font-family:inherit;display:flex;flex-direction:column;overflow:hidden;animation:supportModalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes supportModalSlideUp{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.support-modal-card-top-bar{height:3px;width:100%;background:linear-gradient(90deg,#6366f1,#a855f7,#818cf8);flex-shrink:0}.support-modal-close{position:absolute;top:1.1rem;right:1.1rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .2s ease}.support-modal-close svg{display:block!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;flex-shrink:0;pointer-events:none}.support-modal-close:hover{background:#ef444438;border-color:#ef444473;color:#fca5a5;transform:rotate(90deg)}.support-modal-body{padding:1.6rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.support-modal-body::-webkit-scrollbar{width:6px}.support-modal-body::-webkit-scrollbar-track{background:transparent}.support-modal-body::-webkit-scrollbar-thumb{background:#818cf859;border-radius:10px}.support-modal-header{display:flex;flex-direction:column;gap:.35rem}.support-modal-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:20px;background:#818cf826;border:1px solid rgba(129,140,248,.38);color:#a5b4fc;font-size:.7rem;font-weight:700;letter-spacing:.06em;width:fit-content;box-shadow:0 0 12px #818cf826}.support-modal-header h2{font-size:1.35rem;font-weight:700;color:#f8fafc;margin:.2rem 0 0;letter-spacing:-.015em}.support-modal-sub{font-size:.84rem;color:#94a3b8;margin:0;line-height:1.45}.support-modal-sub strong{color:#c7d2fe}.support-modal-error{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:.82rem}.support-modal-form{display:flex;flex-direction:column;gap:1rem}.support-field{display:flex;flex-direction:column;gap:.35rem}.support-field label{font-size:.75rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.support-input-disabled{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .85rem;color:#94a3b8;font-size:.85rem;cursor:not-allowed}.support-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.support-cat-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:#ffffff08;color:#94a3b8;font-size:.81rem;font-weight:500;cursor:pointer;transition:all .18s ease}.support-cat-btn:hover{background:#818cf824;border-color:#818cf873;color:#e2e8f0}.support-cat-btn.active{background:linear-gradient(135deg,#6366f147,#a855f738);border-color:#818cf8cc;color:#fff;font-weight:600;box-shadow:0 0 16px #818cf84d}.support-field input[type=text],.support-field textarea{background:#151926;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .85rem;color:#f8fafc;font-family:inherit;font-size:.86rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.support-field input[type=text]::placeholder,.support-field textarea::placeholder{color:#64748b}.support-field input[type=text]:focus,.support-field textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf840;background:#181d2e}.support-field textarea{resize:vertical;min-height:90px}.support-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.support-modal-btn-secondary{padding:.6rem 1.15rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#94a3b8;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s ease}.support-modal-btn-secondary:hover:not(:disabled){background:#ffffff12;color:#f1f5f9}.support-modal-btn-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.3rem;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.84rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #6366f166;transition:all .18s ease}.support-modal-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #6366f18c;filter:brightness(1.1)}.support-modal-btn-primary:disabled,.support-modal-btn-secondary:disabled{opacity:.45;cursor:not-allowed}.support-modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0 .5rem}.support-success-icon{color:#10b981;margin-bottom:.7rem;animation:popSuccessIcon .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes popSuccessIcon{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.support-modal-success h3{font-size:1.3rem;font-weight:700;color:#f8fafc;margin:0 0 .4rem}.support-ticket-ref{font-size:.83rem;color:#94a3b8;margin:0 0 .9rem}.support-ticket-ref code{background:#818cf826;border:1px solid rgba(129,140,248,.35);color:#818cf8;padding:.2rem .55rem;border-radius:6px;font-family:monospace;font-weight:600}.support-success-desc{font-size:.85rem;color:#cbd5e1;line-height:1.5;margin:0 0 1.4rem;max-width:400px}.support-success-desc strong{color:#818cf8}.support-file-input{background:#151926;border:1px dashed rgba(129,140,248,.4);border-radius:10px;padding:.6rem;color:#94a3b8;font-size:.8rem;cursor:pointer;width:100%}.support-file-input:hover{border-color:#818cf8;background:#191e30}.support-file-hint{font-size:.7rem;color:#64748b;font-weight:400}.support-file-error{display:flex;align-items:center;gap:.35rem;color:#f87171;font-size:.78rem;margin-bottom:.4rem}.support-file-limit-msg{font-size:.75rem;color:#64748b;margin-top:.3rem}.support-attachments-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.support-attachment-thumb{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid rgba(129,140,248,.35);background:#090c15;flex-shrink:0}.support-attachment-thumb img{width:100%;height:100%;object-fit:cover}.support-thumb-remove{position:absolute;top:3px;right:3px;background:#ef4444e0;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.support-thumb-remove:hover{background:#ef4444}.support-remove-attachment{position:absolute;top:6px;right:6px;background:#ef4444d9;color:#fff;border:none;padding:4px 8px;border-radius:6px;font-size:.72rem;cursor:pointer}font-weight: 600; cursor: pointer; } .support-remove-attachment:hover{background:#dc2626}.hac{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0}.hac-pricing{display:inline-flex;align-items:center;padding:.42rem .85rem;border-radius:9px;border:1px solid rgba(129,140,248,.4);color:#a5b4fc;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}.hac-pricing:hover{background:#818cf81f;border-color:#818cf8b3;color:#c7ccff}.hac-signin{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:9px;background:var(--primary, #6366f1);color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:filter .2s ease}.hac-signin:hover{filter:brightness(1.12);color:#fff}.hac-support-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:9px;background:#818cf81f;border:1px solid rgba(129,140,248,.35);color:#a5b4fc;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.hac-support-btn:hover{background:#818cf838;border-color:#818cf899;color:#c7d2fe;box-shadow:0 0 12px #818cf833}.hac-avatar-wrap{position:relative;display:inline-flex}.hac-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;overflow:hidden;cursor:pointer;color:#c7ccff;background:#818cf82e;border:1px solid rgba(129,140,248,.35);transition:border-color .2s ease}.hac-avatar:hover{border-color:#818cf8b3}.hac-avatar img{width:100%;height:100%;object-fit:cover}.hac-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;padding:.5rem;border-radius:12px;background:#11141d;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px -12px #0009;z-index:300;display:flex;flex-direction:column;gap:.35rem}.hac-menu-id{display:flex;flex-direction:column;gap:2px;padding:.45rem .55rem;border-bottom:1px solid rgba(255,255,255,.07)}.hac-menu-name{font-size:.85rem;font-weight:600;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hac-menu-email{font-size:.72rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hac-menu-signout{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border:none;border-radius:8px;background:transparent;color:#cbd0d8;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.hac-menu-signout:hover{background:#ffffff12;color:#f87171}