.support-main{padding:20px 16px;min-height:calc(100vh - 50px);background-color:var(--background)}.support-main .support-menu-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.support-main .support-menu-item{display:flex;align-items:center;padding:20px 16px;background-color:#1a1a2e;border-radius:12px;text-decoration:none;transition:background-color .2s}.support-main .support-menu-item:hover{background-color:#252542}.support-main .support-menu-item .menu-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#2a2a4e;border-radius:12px;margin-right:16px;color:#7c7cff}.support-main .support-menu-item .menu-content{flex:1}.support-main .support-menu-item .menu-content h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.support-main .support-menu-item .menu-content p{color:#8f8fa3;font-size:13px}.support-main .support-menu-item .menu-arrow{color:#6b6b8a}.support-main .support-info{background-color:#1a1a2e;border-radius:12px;padding:20px}.support-main .support-info h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px}.support-main .support-info p{color:#8f8fa3;font-size:13px;margin-bottom:4px}.support-main .support-info p:last-child{margin-bottom:0}.support-new{padding:20px 16px;min-height:calc(100vh - 50px);background-color:var(--background)}.support-new .inquiry-form{display:flex;flex-direction:column;gap:20px}.support-new .inquiry-form .form-group label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.support-new .inquiry-form .form-group .type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.support-new .inquiry-form .form-group .type-selector .type-option{padding:12px;background-color:#1a1a2e;border:2px solid transparent;border-radius:8px;color:#8f8fa3;font-size:14px;cursor:pointer;transition:all .2s;text-align:center}.support-new .inquiry-form .form-group .type-selector .type-option:hover{border-color:#4a4a6e}.support-new .inquiry-form .form-group .type-selector .type-option.selected{border-color:#7c7cff;color:#fff;background-color:#252542}.support-new .inquiry-form .form-group input[type=text],.support-new .inquiry-form .form-group textarea{width:100%;padding:14px 16px;background-color:#1a1a2e;border:1px solid #2a2a4e;border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.support-new .inquiry-form .form-group input[type=text]::placeholder,.support-new .inquiry-form .form-group textarea::placeholder{color:#6b6b8a}.support-new .inquiry-form .form-group input[type=text]:focus,.support-new .inquiry-form .form-group textarea:focus{border-color:#7c7cff}.support-new .inquiry-form .form-group textarea{min-height:200px;resize:vertical}.support-new .inquiry-form .form-group .char-count{text-align:right;color:#6b6b8a;font-size:12px;margin-top:4px}.support-new .inquiry-form .submit-button{width:100%;padding:16px;background-color:#7c7cff;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:12px}.support-new .inquiry-form .submit-button:hover:not(:disabled){background-color:#6a6ae6}.support-new .inquiry-form .submit-button:disabled{background-color:#3a3a5e;cursor:not-allowed}.support-list{padding:20px 16px;min-height:calc(100vh - 50px);background-color:var(--background)}.support-list .inquiry-list{display:flex;flex-direction:column;gap:12px}.support-list .inquiry-item{display:block;padding:16px;background-color:#1a1a2e;border-radius:12px;text-decoration:none;transition:background-color .2s}.support-list .inquiry-item:hover{background-color:#252542}.support-list .inquiry-item .inquiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.support-list .inquiry-item .inquiry-header .inquiry-type{display:inline-block;padding:4px 8px;background-color:#2a2a4e;border-radius:4px;color:#7c7cff;font-size:12px}.support-list .inquiry-item .inquiry-header .inquiry-status{font-size:12px;font-weight:500}.support-list .inquiry-item .inquiry-header .inquiry-status.status-PENDING{color:#f59e0b}.support-list .inquiry-item .inquiry-header .inquiry-status.status-IN_PROGRESS{color:#3b82f6}.support-list .inquiry-item .inquiry-header .inquiry-status.status-RESOLVED{color:#10b981}.support-list .inquiry-item .inquiry-header .inquiry-status.status-CLOSED{color:#6b7280}.support-list .inquiry-item .inquiry-title{color:#fff;font-size:15px;font-weight:500;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.support-list .inquiry-item .inquiry-footer{display:flex;justify-content:space-between;align-items:center}.support-list .inquiry-item .inquiry-footer .inquiry-date{color:#6b6b8a;font-size:12px}.support-list .inquiry-item .inquiry-footer .has-reply{display:flex;align-items:center;gap:4px;color:#10b981;font-size:12px}.support-list .inquiry-item .inquiry-footer .has-reply svg{width:14px;height:14px}.support-list .empty-state{text-align:center;padding:60px 20px}.support-list .empty-state .empty-icon{width:64px;height:64px;margin:0 auto 16px;color:#4a4a6e}.support-list .empty-state p{color:#6b6b8a;font-size:14px;margin-bottom:20px}.support-list .empty-state .new-inquiry-link{display:inline-block;padding:12px 24px;background-color:#7c7cff;border-radius:8px;color:#fff;font-size:14px;font-weight:500;text-decoration:none}.support-list .empty-state .new-inquiry-link:hover{background-color:#6a6ae6}.support-detail{padding:20px 16px;min-height:calc(100vh - 50px);background-color:var(--background)}.support-detail .inquiry-content{background-color:#1a1a2e;border-radius:12px;padding:20px;margin-bottom:20px}.support-detail .inquiry-content .inquiry-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #2a2a4e}.support-detail .inquiry-content .inquiry-meta .inquiry-type{display:inline-block;padding:4px 8px;background-color:#2a2a4e;border-radius:4px;color:#7c7cff;font-size:12px}.support-detail .inquiry-content .inquiry-meta .inquiry-status{font-size:13px;font-weight:500}.support-detail .inquiry-content .inquiry-meta .inquiry-status.status-PENDING{color:#f59e0b}.support-detail .inquiry-content .inquiry-meta .inquiry-status.status-IN_PROGRESS{color:#3b82f6}.support-detail .inquiry-content .inquiry-meta .inquiry-status.status-RESOLVED{color:#10b981}.support-detail .inquiry-content .inquiry-meta .inquiry-status.status-CLOSED{color:#6b7280}.support-detail .inquiry-content .inquiry-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px}.support-detail .inquiry-content .inquiry-body{color:#d1d1e0;font-size:14px;line-height:1.6;white-space:pre-wrap;margin-bottom:16px}.support-detail .inquiry-content .inquiry-date{color:#6b6b8a;font-size:12px}.support-detail .replies-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.support-detail .replies-section .reply-item{background-color:#1a1a2e;border-radius:12px;padding:16px;margin-bottom:12px;border-left:3px solid #7c7cff}.support-detail .replies-section .reply-item .reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.support-detail .replies-section .reply-item .reply-header .reply-label{color:#7c7cff;font-size:12px;font-weight:600}.support-detail .replies-section .reply-item .reply-header .reply-date{color:#6b6b8a;font-size:12px}.support-detail .replies-section .reply-item .reply-content{color:#d1d1e0;font-size:14px;line-height:1.6;white-space:pre-wrap}.support-detail .replies-section .no-reply{background-color:#1a1a2e;border-radius:12px;padding:40px 20px;text-align:center;color:#6b6b8a;font-size:14px}