.support-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.support-header{text-align:center;margin-bottom:2rem}.support-header h1{font-size:2rem;color:var(--text-primary, #1a1a2e);margin-bottom:.5rem}.support-header h1 i{color:var(--primary-color, #4f46e5);margin-right:.5rem}.support-subtitle{color:var(--text-secondary, #64748b);font-size:1rem}.create-ticket-section,.my-tickets-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:1.25rem;color:var(--text-primary, #1a1a2e);margin:0}.toggle-form-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color, #4f46e5);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.toggle-form-btn:hover{background:var(--primary-hover, #4338ca)}.toggle-form-btn.active{background:var(--text-secondary, #64748b)}.ticket-form{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:500;color:var(--text-primary, #1a1a2e);margin-bottom:.5rem}.form-group label .required{color:#ef4444}.type-selector{display:flex;gap:.75rem;flex-wrap:wrap}.type-btn{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-secondary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:10px;cursor:pointer;transition:all .2s}.type-btn:hover{border-color:var(--primary-color, #4f46e5);background:var(--bg-primary, #ffffff)}.type-btn.selected{border-color:var(--primary-color, #4f46e5);background:#4f46e514}.type-btn i{font-size:1.5rem}.type-btn[data-type=bug] i{color:#ef4444}.type-btn[data-type=feature] i{color:#f59e0b}.type-btn[data-type=feedback] i{color:#3b82f6}.type-btn[data-type=billing] i{color:#10b981}.type-btn[data-type=account] i{color:#8b5cf6}.type-btn[data-type=custom_pricing] i{color:#7c3aed}.type-btn span{font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a2e)}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.9375rem;color:var(--text-primary, #1a1a2e);background:var(--bg-primary, #ffffff);transition:border-color .2s,box-shadow .2s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:120px}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-secondary, #64748b);margin-top:.25rem}.screenshot-upload{display:flex;align-items:center;gap:.75rem}.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary, #f8fafc);border:1px dashed var(--border-color, #e2e8f0);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-secondary, #64748b);transition:all .2s}.upload-btn:hover{border-color:var(--primary-color, #4f46e5);color:var(--primary-color, #4f46e5)}.screenshot-name{font-size:.875rem;color:var(--text-primary, #1a1a2e);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-screenshot-btn{padding:.25rem .5rem;background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:.875rem}.help-text{font-size:.75rem;color:var(--text-secondary, #64748b);margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color, #4f46e5);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #4338ca)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0)}.btn-secondary:hover{background:var(--bg-secondary, #f8fafc)}.disclaimer{font-size:.8125rem;color:var(--text-secondary, #64748b);margin-top:1rem;padding:.75rem;background:var(--bg-secondary, #f8fafc);border-radius:8px}.disclaimer i{margin-right:.5rem;color:var(--primary-color, #4f46e5)}.filter-controls{display:flex;align-items:center;gap:.5rem}.status-filter{padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:.875rem;color:var(--text-primary, #1a1a2e);background:var(--bg-primary, #ffffff)}.refresh-btn{padding:.5rem;background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .2s}.refresh-btn:hover{background:var(--bg-secondary, #f8fafc);color:var(--primary-color, #4f46e5)}.refresh-btn.spinning i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tickets-loading,.tickets-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #64748b)}.tickets-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e2e8f0);border-top-color:var(--primary-color, #4f46e5);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.tickets-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.tickets-list{display:flex;flex-direction:column;gap:.75rem}.ticket-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid transparent}.ticket-card:hover{background:var(--bg-primary, #ffffff);border-color:var(--border-color, #e2e8f0);box-shadow:0 2px 8px #0000000f}.ticket-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.125rem}.ticket-type-icon.bug{background:#ef44441a;color:#ef4444}.ticket-type-icon.feature{background:#f59e0b1a;color:#f59e0b}.ticket-type-icon.feedback{background:#3b82f61a;color:#3b82f6}.ticket-type-icon.billing{background:#10b9811a;color:#10b981}.ticket-type-icon.account{background:#8b5cf61a;color:#8b5cf6}.ticket-type-icon.custom_pricing{background:#7c3aed1a;color:#7c3aed}.ticket-info{flex:1;min-width:0}.ticket-subject{font-weight:500;color:var(--text-primary, #1a1a2e);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-meta{font-size:.8125rem;color:var(--text-secondary, #64748b)}.ticket-meta span{margin-right:.75rem}.ticket-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.ticket-status.open{background:#3b82f61a;color:#3b82f6}.ticket-status.in_progress{background:#f59e0b1a;color:#f59e0b}.ticket-status.resolved{background:#22c55e1a;color:#22c55e}.ticket-status.closed{background:#64748b1a;color:#64748b}.ticket-arrow{color:var(--text-secondary, #64748b);font-size:.875rem}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-primary, #ffffff);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.modal-header h3{font-size:1rem;color:var(--text-primary, #1a1a2e);margin:0}.modal-close-btn{padding:.5rem;background:transparent;border:none;color:var(--text-secondary, #64748b);cursor:pointer;font-size:1rem}.modal-close-btn:hover{color:var(--text-primary, #1a1a2e)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.ticket-detail-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.ticket-detail-header .ticket-type-icon{width:48px;height:48px;font-size:1.25rem}.ticket-detail-info h4{font-size:1.125rem;color:var(--text-primary, #1a1a2e);margin:0 0 .5rem}.ticket-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem}.ticket-detail-section{margin-bottom:1.5rem}.ticket-detail-section h5{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.ticket-detail-section p{color:var(--text-primary, #1a1a2e);line-height:1.6;white-space:pre-wrap}.responses-thread{display:flex;flex-direction:column;gap:1rem}.response-item{padding:1rem;border-radius:10px;background:var(--bg-secondary, #f8fafc)}.response-item.admin{background:#4f46e514;border-left:3px solid var(--primary-color, #4f46e5)}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.response-author{font-weight:500;font-size:.875rem;color:var(--text-primary, #1a1a2e)}.response-author.admin:after{content:"Support";margin-left:.5rem;padding:.125rem .5rem;background:var(--primary-color, #4f46e5);color:#fff;border-radius:4px;font-size:.6875rem;font-weight:600}.response-time{font-size:.75rem;color:var(--text-secondary, #64748b)}.response-message{color:var(--text-primary, #1a1a2e);font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.add-response-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e2e8f0)}.add-response-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.9375rem;resize:vertical;min-height:80px;margin-bottom:.75rem}.add-response-form textarea:focus{outline:none;border-color:var(--primary-color, #4f46e5)}.no-responses{text-align:center;padding:1rem;color:var(--text-secondary, #64748b);font-size:.875rem}@media(max-width:640px){.support-container{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.type-selector{flex-direction:column}.type-btn{flex-direction:row;justify-content:flex-start;padding:.75rem 1rem}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:center}.ticket-card{flex-wrap:wrap}.ticket-info{flex-basis:calc(100% - 56px)}.ticket-status{margin-left:56px}.filter-controls{width:100%;justify-content:space-between}.status-filter{flex:1}}[data-theme=dark] .support-container,[data-theme=dark] .support-header h1{color:#e2e8f0}[data-theme=dark] .support-subtitle{color:#94a3b8}[data-theme=dark] .create-ticket-section,[data-theme=dark] .my-tickets-section{background:#1e293b;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .section-header h2{color:#e2e8f0}[data-theme=dark] .toggle-form-btn.active{background:#475569}[data-theme=dark] .ticket-form{border-top-color:#ffffff1a}[data-theme=dark] .form-group label{color:#e2e8f0}[data-theme=dark] .type-btn{background:#0f172a;border-color:#ffffff26}[data-theme=dark] .type-btn:hover{border-color:#4f46e5;background:#1e293b}[data-theme=dark] .type-btn.selected{border-color:#4f46e5;background:#4f46e533}[data-theme=dark] .type-btn span{color:#e2e8f0}[data-theme=dark] .form-group input[type=text],[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background:#0f172a;border-color:#ffffff26;color:#e2e8f0}[data-theme=dark] .form-group input[type=text]:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}[data-theme=dark] .char-count{color:#64748b}[data-theme=dark] .upload-btn{background:#0f172a;border-color:#fff3;color:#94a3b8}[data-theme=dark] .upload-btn:hover{border-color:#4f46e5;color:#818cf8}[data-theme=dark] .screenshot-name{color:#e2e8f0}[data-theme=dark] .help-text{color:#64748b}[data-theme=dark] .btn-secondary{background:#334155;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .btn-secondary:hover{background:#475569}[data-theme=dark] .disclaimer{background:#0f172a;color:#94a3b8}[data-theme=dark] .status-filter{background:#0f172a;border-color:#ffffff26;color:#e2e8f0}[data-theme=dark] .refresh-btn{background:#1e293b;border-color:#ffffff26;color:#94a3b8}[data-theme=dark] .refresh-btn:hover{background:#334155;color:#818cf8}[data-theme=dark] .tickets-loading,[data-theme=dark] .tickets-empty{color:#94a3b8}[data-theme=dark] .tickets-loading .loading-spinner{border-color:#ffffff1a;border-top-color:#4f46e5}[data-theme=dark] .ticket-card{background:#0f172a}[data-theme=dark] .ticket-card:hover{background:#1e293b;border-color:#ffffff26}[data-theme=dark] .ticket-subject{color:#e2e8f0}[data-theme=dark] .ticket-meta,[data-theme=dark] .ticket-arrow{color:#64748b}[data-theme=dark] .modal{background:#000000b3}[data-theme=dark] .modal-content{background:#1e293b}[data-theme=dark] .modal-header{border-bottom-color:#ffffff1a}[data-theme=dark] .modal-header h3{color:#e2e8f0}[data-theme=dark] .modal-close-btn{color:#94a3b8}[data-theme=dark] .modal-close-btn:hover,[data-theme=dark] .ticket-detail-info h4{color:#e2e8f0}[data-theme=dark] .ticket-detail-section h5{color:#94a3b8}[data-theme=dark] .ticket-detail-section p{color:#e2e8f0}[data-theme=dark] .response-item{background:#0f172a}[data-theme=dark] .response-item.admin{background:#4f46e526;border-left-color:#4f46e5}[data-theme=dark] .response-author{color:#e2e8f0}[data-theme=dark] .response-time{color:#64748b}[data-theme=dark] .response-message{color:#e2e8f0}[data-theme=dark] .add-response-form{border-top-color:#ffffff1a}[data-theme=dark] .add-response-form textarea{background:#0f172a;border-color:#ffffff26;color:#e2e8f0}[data-theme=dark] .add-response-form textarea:focus{border-color:#4f46e5}[data-theme=dark] .no-responses{color:#64748b}