.support-ticket-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;opacity:0;transition:opacity .3s ease;align-items:center;justify-content:center}.support-ticket-modal.show{display:flex}.support-ticket-modal.active{opacity:1}.support-ticket-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;border:0;background-color:#000000b3;backdrop-filter:blur(4px);cursor:pointer}.support-ticket-modal__container{position:relative;width:90%;max-width:700px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:scale(.95) translateY(20px);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:1}.support-ticket-modal.active .support-ticket-modal__container{transform:scale(1) translateY(0);opacity:1}.support-ticket-modal__content{overflow-y:auto;max-height:90vh;padding:2rem}.support-ticket-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.support-ticket-modal__title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.support-ticket-modal__close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.support-ticket-modal__close:hover{background:#e5e7eb;transform:rotate(90deg)}.support-ticket-modal__close .material-icons{font-size:1.25rem;color:#6b7280}.support-ticket-modal__form{display:flex;flex-direction:column;gap:1.25rem}.support-ticket-modal__field{display:flex;flex-direction:column;gap:.5rem}.support-ticket-modal__field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.support-ticket-modal__field-row{grid-template-columns:1fr}}.support-ticket-modal__label{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.25rem}.support-ticket-modal__required{color:#ef4444;font-weight:700}.support-ticket-modal__optional{font-size:.75rem;color:#9ca3af;font-weight:400}.support-ticket-modal__input,.support-ticket-modal__select,.support-ticket-modal__textarea{width:100%;padding:.75rem 1rem;font-size:.875rem;color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease}.support-ticket-modal__input:focus,.support-ticket-modal__select:focus,.support-ticket-modal__textarea:focus{outline:none;background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.support-ticket-modal__input.error,.support-ticket-modal__select.error,.support-ticket-modal__textarea.error{border-color:#ef4444}.support-ticket-modal__textarea{resize:vertical;min-height:120px;font-family:inherit}.support-ticket-modal__char-count{font-size:.75rem;color:#6b7280;text-align:right}.support-ticket-modal__file-upload{position:relative;display:flex;flex-direction:column;gap:.5rem}.support-ticket-modal__file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.support-ticket-modal__file-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:.875rem;font-weight:500}.support-ticket-modal__file-label:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.support-ticket-modal__file-label .material-icons{font-size:1.5rem}.support-ticket-modal__file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.support-ticket-modal__file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.support-ticket-modal__file-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.support-ticket-modal__file-info .material-icons{font-size:1.25rem;color:#6b7280;flex-shrink:0}.support-ticket-modal__file-name{font-size:.875rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-modal__file-size{font-size:.75rem;color:#9ca3af;flex-shrink:0}.support-ticket-modal__file-remove{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.support-ticket-modal__file-remove:hover{background:#fee2e2}.support-ticket-modal__file-remove .material-icons{font-size:1rem;color:#ef4444}.support-ticket-modal__file-hint{font-size:.75rem;color:#9ca3af;text-align:center;margin:0}.support-ticket-modal__error{font-size:.75rem;color:#ef4444;display:none}.support-ticket-modal__error.show{display:block}.support-ticket-modal__actions{display:flex;gap:1rem;margin-top:1.5rem}.support-ticket-modal__button{flex:1;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.support-ticket-modal__button--cancel{background:#f3f4f6;color:#374151}.support-ticket-modal__button--cancel:hover{background:#e5e7eb}.support-ticket-modal__button--submit{background:#3b82f6;color:#fff}.support-ticket-modal__button--submit:hover{background:#2563eb}.support-ticket-modal__button--submit:disabled{background:#9ca3af;cursor:not-allowed}.support-ticket-modal__spinner{display:none;align-items:center;justify-content:center}.support-ticket-modal__spinner .material-icons{font-size:1.25rem;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.support-ticket-modal__message{padding:1rem;border-radius:8px;font-size:.875rem;margin-top:1rem}.support-ticket-modal__message--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.support-ticket-modal__message--success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}@media(max-width:640px){.support-ticket-modal__content{padding:1.5rem}.support-ticket-modal__title{font-size:1.25rem}.support-ticket-modal__actions{flex-direction:column}.support-ticket-modal__button{width:100%}}.support-ticket-modal__success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.support-ticket-modal__success-state.show{opacity:1;transform:translateY(0)}.support-ticket-modal__success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;margin-bottom:1.5rem;animation:successPulse .6s ease-out}.support-ticket-modal__success-icon .material-icons{font-size:3rem;color:#fff}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.support-ticket-modal__success-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1rem}.support-ticket-modal__success-message{font-size:1rem;color:#6b7280;line-height:1.6;margin:0 0 2rem;max-width:400px}.support-ticket-modal__success-close{min-width:200px}.support-ticket-modal__button--primary{background:#3b82f6;color:#fff}.support-ticket-modal__button--primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.support-ticket-modal__content::-webkit-scrollbar{width:8px}.support-ticket-modal__content::-webkit-scrollbar-track{background:#f3f4f6}.support-ticket-modal__content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.support-ticket-modal__content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:640px){.support-ticket-modal__success-state{padding:2rem 1rem}.support-ticket-modal__success-icon{width:64px;height:64px}.support-ticket-modal__success-icon .material-icons{font-size:2.5rem}.support-ticket-modal__success-title{font-size:1.25rem}.support-ticket-modal__success-message{font-size:.875rem}.support-ticket-modal__success-close{min-width:100%}}.support-ticket-embedded{width:100%;display:block}.support-ticket-embedded__container{width:100%;max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.support-ticket-embedded__content{padding:2rem}.support-ticket-embedded__header{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.support-ticket-embedded__title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;text-align:center}.support-ticket-embedded__form{display:flex;flex-direction:column;gap:1.25rem}.support-ticket-embedded__field{display:flex;flex-direction:column;gap:.5rem}.support-ticket-embedded__field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.support-ticket-embedded__field-row{grid-template-columns:1fr}}.support-ticket-embedded__label{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.25rem}.support-ticket-embedded__required{color:#ef4444;font-weight:700}.support-ticket-embedded__optional{font-size:.75rem;color:#9ca3af;font-weight:400}.support-ticket-embedded__input,.support-ticket-embedded__select,.support-ticket-embedded__textarea{width:100%;padding:.75rem 1rem;font-size:.875rem;color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease}.support-ticket-embedded__input:focus,.support-ticket-embedded__select:focus,.support-ticket-embedded__textarea:focus{outline:none;background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.support-ticket-embedded__input.error,.support-ticket-embedded__select.error,.support-ticket-embedded__textarea.error{border-color:#ef4444}.support-ticket-embedded__textarea{resize:vertical;min-height:120px;font-family:inherit}.support-ticket-embedded__char-count{font-size:.75rem;color:#6b7280;text-align:right}.support-ticket-embedded__file-upload{position:relative;display:flex;flex-direction:column;gap:.5rem}.support-ticket-embedded__file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.support-ticket-embedded__file-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:.875rem;font-weight:500}.support-ticket-embedded__file-label:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.support-ticket-embedded__file-label .material-icons{font-size:1.5rem}.support-ticket-embedded__file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.support-ticket-embedded__file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.support-ticket-embedded__file-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.support-ticket-embedded__file-info .material-icons{font-size:1.25rem;color:#6b7280;flex-shrink:0}.support-ticket-embedded__file-name{font-size:.875rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-embedded__file-size{font-size:.75rem;color:#9ca3af;flex-shrink:0}.support-ticket-embedded__file-remove{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.support-ticket-embedded__file-remove:hover{background:#fee2e2}.support-ticket-embedded__file-remove .material-icons{font-size:1rem;color:#ef4444}.support-ticket-embedded__file-hint{font-size:.75rem;color:#9ca3af;text-align:center;margin:0}.support-ticket-embedded__error{font-size:.75rem;color:#ef4444;display:none}.support-ticket-embedded__error.show{display:block}.support-ticket-embedded__actions{display:flex;gap:1rem;margin-top:1.5rem}.support-ticket-embedded__button{flex:1;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.support-ticket-embedded__button--cancel{background:#f3f4f6;color:#374151}.support-ticket-embedded__button--cancel:hover{background:#e5e7eb}.support-ticket-embedded__button--submit{background:#3b82f6;color:#fff}.support-ticket-embedded__button--submit:hover{background:#2563eb}.support-ticket-embedded__button--submit:disabled{background:#9ca3af;cursor:not-allowed}.support-ticket-embedded__spinner{display:none;align-items:center;justify-content:center}.support-ticket-embedded__spinner .material-icons{font-size:1.25rem;animation:rotate 1s linear infinite}.support-ticket-embedded__message{padding:1rem;border-radius:8px;font-size:.875rem;margin-top:1rem}.support-ticket-embedded__message--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.support-ticket-embedded__message--success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.support-ticket-embedded__success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.support-ticket-embedded__success-state.show{opacity:1;transform:translateY(0)}.support-ticket-embedded__success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;margin-bottom:1.5rem;animation:successPulse .6s ease-out}.support-ticket-embedded__success-icon .material-icons{font-size:3rem;color:#fff}.support-ticket-embedded__success-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1rem}.support-ticket-embedded__success-message{font-size:1rem;color:#6b7280;line-height:1.6;margin:0 0 2rem;max-width:400px}.support-ticket-embedded__success-close{min-width:200px}.support-ticket-embedded__button--primary{background:#3b82f6;color:#fff}.support-ticket-embedded__button--primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.support-ticket-embedded__content::-webkit-scrollbar{width:8px}.support-ticket-embedded__content::-webkit-scrollbar-track{background:#f3f4f6}.support-ticket-embedded__content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.support-ticket-embedded__content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:640px){.support-ticket-embedded__content{padding:1.5rem}.support-ticket-embedded__title{font-size:1.25rem}.support-ticket-embedded__actions{flex-direction:column}.support-ticket-embedded__button{width:100%}.support-ticket-embedded__success-state{padding:2rem 1rem}.support-ticket-embedded__success-icon{width:64px;height:64px}.support-ticket-embedded__success-icon .material-icons{font-size:2.5rem}.support-ticket-embedded__success-title{font-size:1.25rem}.support-ticket-embedded__success-message{font-size:.875rem}.support-ticket-embedded__success-close{min-width:100%}}