.eg-support-page{padding:4rem 1rem}.eg-support-form-wrapper{max-width:640px;margin:0 auto;padding:2rem;background:var(--eg-surface-elevated, #1a1a1a);border-radius:12px;color:var(--eg-text, #f5f5f5)}.eg-support-form__title{margin:0 0 .5rem}.eg-support-form__intro{color:var(--eg-text-muted, #aaa);margin-bottom:1.5rem}.eg-support-existing-ticket{margin:0 0 1.5rem;padding:1rem 1.25rem;background:#0ea5e914;border:1px solid rgba(14,165,233,.3);border-left:3px solid var(--eg-accent, #0ea5e9);border-radius:8px}.eg-support-existing-ticket p{margin:0}.eg-support-existing-ticket p+p{margin-top:.35rem}.eg-support-existing-ticket a{color:var(--eg-accent, #0ea5e9);text-decoration:underline;margin-left:.35rem}.eg-support-existing-ticket__hint{color:var(--eg-text-muted, #888);font-size:.85rem}.eg-support-existing-ticket code{background:#ffffff14;padding:.05rem .35rem;border-radius:4px;font-size:.85em}.eg-support-field{margin-bottom:1.25rem}.eg-support-field label{display:block;margin-bottom:.35rem;font-weight:500;font-size:.95rem}.eg-support-field .req{color:var(--eg-accent, #00d4ff)}.eg-support-field input,.eg-support-field select,.eg-support-field textarea{width:100%;padding:.6rem .75rem;background:var(--eg-input-bg, #0a0a0a);border:1px solid var(--eg-border, #333);border-radius:6px;color:inherit;font-size:1rem}.eg-support-field input:focus,.eg-support-field select:focus,.eg-support-field textarea:focus{outline:none;border-color:var(--eg-accent, #00d4ff)}.eg-support-field textarea{resize:vertical;min-height:7rem}.eg-support-hint{color:var(--eg-text-muted, #888);font-size:.85rem}.eg-support-error{color:#ff6b6b;font-size:.85rem;display:block;margin-top:.25rem}.eg-support-error:empty{display:none}.eg-support-dropzone{border:2px dashed var(--eg-border, #333);border-radius:8px;padding:1.5rem;text-align:center;transition:border-color .15s}.eg-support-dropzone.is-dragover{border-color:var(--eg-accent, #00d4ff)}.eg-support-dropzone__label{margin:0 0 .5rem}.eg-support-dropzone__hint{color:var(--eg-text-muted, #888);font-size:.85rem;margin:0}.eg-support-link{background:none;border:none;color:var(--eg-accent, #00d4ff);text-decoration:underline;cursor:pointer;padding:0;font:inherit}.eg-support-thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.eg-support-thumb{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--eg-border, #333)}.eg-support-thumb img{width:100%;height:100%;object-fit:cover}.eg-support-thumb__remove{position:absolute;top:2px;right:2px;background:#000000bf;color:#fff;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;line-height:1}.eg-support-submit{background:var(--eg-accent, #00d4ff);color:#000;border:none;padding:.85rem 2rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer}.eg-support-submit:disabled{opacity:.5;cursor:wait}.eg-support-success,.eg-support-fatal{text-align:center;padding:2rem}.eg-support-success h2{color:var(--eg-accent, #00d4ff)}.eg-support-ticket-number{font-size:1.3rem}.eg-support-status-result{margin-top:1.5rem}.eg-support-status-result__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.eg-support-status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;color:#000}.eg-support-status-badge--new{background:#3b82f6;color:#fff}.eg-support-status-badge--in_progress{background:#eab308}.eg-support-status-badge--waiting{background:#f97316;color:#fff}.eg-support-status-badge--resolved{background:#22c55e}.eg-support-replies{margin-top:1.5rem}.eg-support-reply{background:var(--eg-input-bg, #0a0a0a);padding:1rem;border-radius:6px;margin-bottom:.75rem;border-left:3px solid transparent}.eg-support-reply--staff{border-left-color:var(--eg-accent, #00d4ff)}.eg-support-reply--customer{border-left-color:#888;background:#ffffff08}.eg-support-reply__meta{color:var(--eg-text-muted, #888);font-size:.85rem;margin-bottom:.5rem;font-weight:600}.eg-support-reply__body{white-space:pre-wrap}.eg-support-status-reply-form{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--eg-border, #333)}.eg-support-status-reply-form h4{margin-top:0}.eg-support-status-reply-error{color:#ff6b6b;font-size:.9rem;margin-top:.5rem}.eg-support-status-reply-success{color:#4ade80;font-weight:600;margin-top:.75rem}@media (max-width: 600px){.eg-support-page{padding:2rem .5rem}.eg-support-form-wrapper{padding:1rem}}