.support-app{--purple:#705cc6;--ink:#24304a;--muted:#67738a;--border:#e3e7ef;min-height:100vh;color:var(--ink);background:#f6f7fb;font:15px/1.65 Arial,PingFang SC,system-ui,sans-serif}.support-app *{box-sizing:border-box}.support-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px max(24px,50vw - 590px);display:flex}.support-header a{color:var(--muted);font-size:13px;text-decoration:none}.support-header>div{gap:24px;display:flex}.support-header .support-brand{color:var(--ink);white-space:nowrap;align-items:center;font-size:23px;font-weight:800;display:flex}.support-brand b{color:#fff;background:var(--purple);border-radius:12px;margin-right:10px;padding:0 10px;font-size:29px}.support-brand span{color:var(--purple)}.support-main{max-width:1180px;margin:auto;padding:42px 24px}.support-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.support-kicker{letter-spacing:1.8px;color:#8978b6;font-size:10px;font-weight:800}.support-title h1{letter-spacing:-1px;margin:10px 0;font-size:34px}.support-title p,.support-main p{color:var(--muted)}.support-badge{color:#6d59ae;white-space:nowrap;background:#ebe7fa;border-radius:30px;padding:8px 15px;font-size:12px}.support-app button{cursor:pointer;font:inherit;transition:background .15s}.support-app button:disabled{cursor:wait;opacity:.6}:is(.support-app a:focus-visible,.support-app button:focus-visible,.support-app input:focus-visible,.support-app select:focus-visible,.support-app textarea:focus-visible,.support-app summary:focus-visible){outline-offset:3px;outline:3px solid #a18ddf}.support-tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:28px;display:flex}.support-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 4px}.support-tabs button.selected{border-color:var(--purple);color:var(--purple);font-weight:700}.help-search{background:linear-gradient(110deg,#eeeafa,#f4f1ff);border:1px solid #e5def6;border-radius:20px;padding:28px 32px}.help-search label{margin-bottom:14px;font-size:21px;font-weight:700;display:block}.support-app input:not([type=checkbox]),.support-app select,.support-app textarea{border:1px solid var(--border);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:10px;min-height:46px;padding:12px 14px;display:block}.help-search input{max-width:720px}.category-grid{flex-wrap:wrap;gap:9px;margin:24px 0 30px;display:flex}.category-grid button{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:30px;padding:8px 15px;font-size:13px}.category-grid button.selected{color:var(--purple);background:#eee8fc;border-color:#ac9ad8}.help-layout{grid-template-columns:1.8fr 1fr;align-items:start;gap:26px;display:grid}.faq-list h2{margin-bottom:16px;font-size:21px}.faq-list details{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:10px;padding:0 20px}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;padding:18px 0;font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--purple);font-size:20px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding-bottom:18px;font-size:14px;line-height:1.9}.help-side{background:#f0ecfb;border:1px solid #e6e0f5;border-radius:18px;padding:30px}.help-symbol{width:46px;height:46px;color:var(--purple);background:#fff;border-radius:14px;place-items:center;font-size:26px;font-weight:700;display:grid}.help-side h2{margin:20px 0 12px;font-size:21px}.help-side p{font-size:14px}.help-side small{color:var(--muted);margin-top:18px;font-size:12px;display:block}.support-primary,.support-secondary{border:0;border-radius:10px;min-height:44px;padding:12px 19px;font-size:14px!important;font-weight:600!important}.support-primary{background:var(--purple);color:#fff}.support-primary:hover{background:#5d49af}.support-secondary{border:1px solid var(--border);color:var(--ink);background:#fff;margin-left:8px}.support-link{color:var(--purple);background:0 0;border:0;margin-bottom:22px;padding:0}.support-alert{border-radius:12px;margin:18px 0;padding:15px 20px}.support-alert.error{color:#9a302e;background:#fbe9e8}.support-alert.success{color:#27634d;background:#e6f3ed}.consultation-form,.support-thread,.admin-list,.my-tickets{border:1px solid var(--border);background:#fff;border-radius:20px;padding:30px}.consultation-form{max-width:850px}.form-heading h2{margin:0;font-size:23px}.form-heading p{margin-bottom:24px;font-size:13px}.support-main label{margin-bottom:19px;font-size:13px;font-weight:600;display:block}.support-main label input,.support-main label select,.support-main label textarea{margin-top:7px}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.support-check{align-items:flex-start;gap:10px;line-height:1.8;font-weight:400!important;display:flex!important}.support-check input{width:16px;height:16px;accent-color:var(--purple);flex:none;margin-top:6px}.privacy-note{color:var(--muted);background:#f5f6fa;border-radius:10px;margin-bottom:18px;padding:16px;font-size:12px}.fine-print{margin-top:18px;font-size:12px;line-height:1.9}.honey{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.support-footer{border-top:1px solid var(--border);color:#788196;justify-content:space-between;gap:20px;margin-top:42px;padding-top:25px;font-size:11px;display:flex}.support-stats{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;display:grid}.support-stats button{border:1px solid var(--border);text-align:left;background:#fff;border-radius:14px;padding:18px}.support-stats button.selected{background:#f0ebfc;border-color:#baa9e5}.support-stats span{color:var(--muted);font-size:12px;display:block}.support-stats b{margin-top:4px;font-size:29px;display:block}.support-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.support-toolbar input{flex:2;min-width:220px}.support-toolbar select{flex:1;min-width:130px}.support-toolbar .support-secondary{margin:0}.table-scroll{overflow:auto}.support-app table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.support-app th{color:#7e8698;background:#f8f9fc;padding:13px;font-size:11px;font-weight:600}.support-app td{border-bottom:1px solid var(--border);vertical-align:top;padding:16px 13px}.support-app td small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.ticket-open{color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-weight:700!important}.ticket-open:hover{color:var(--purple)}.status{white-space:nowrap;color:#6c55b4;background:#ece7fb;border-radius:20px;padding:5px 10px;font-size:11px;display:inline-block}.status.working{color:#396c9c;background:#e5f0fb}.status.waiting{color:#926524;background:#fff0d6}.status.resolved{color:#2e7759;background:#e3f2ea}.support-empty{text-align:center;color:var(--muted);padding:45px 20px}.support-empty>span{color:#9b8bc8;font-size:38px}.support-empty h2,.support-empty h3{color:var(--ink);font-size:19px}.thread-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.thread-head h2{margin:10px 0;font-size:25px}.thread-head p{margin:5px 0;font-size:12px}.tracking-card{background:#f6f3ff;border:1px solid #e4dcf8;border-radius:12px;margin:24px 0;padding:20px}.tracking-card p{font-size:12px}.tracking-card input{word-break:break-all;margin-bottom:12px;font-size:12px!important}.tracking-card button{margin-left:0}.thread-messages{padding:24px 0}.message{border:1px solid var(--border);background:#f6f7fb;border-radius:13px;max-width:90%;margin:14px 0;padding:18px}.message.support{background:#efebfb;margin-left:auto}.message.internal{background:#fff4df;border:1px dashed #e6c58b}.message>div{justify-content:space-between;gap:18px;font-size:12px;display:flex}.message time{color:var(--muted);font-size:11px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin-top:12px;font-size:14px}.reply-form{border-top:1px solid var(--border);padding-top:24px}.reply-form>textarea{margin:8px 0 20px}.admin-fields{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.my-tickets>p{font-size:13px}.my-ticket{text-align:left;border:1px solid var(--border);background:#f8f9fc;border-radius:12px;justify-content:space-between;gap:20px;width:100%;margin:12px 0;padding:20px;display:flex}.my-ticket small{color:var(--muted);font-size:11px;display:block}.my-ticket b{color:var(--purple);white-space:nowrap;font-size:12px}.my-tickets form{border-top:1px solid var(--border);margin-top:30px;padding-top:25px}@media (max-width:750px){.support-header{padding:16px 20px}.support-header>div{gap:12px}.support-header a{font-size:11px}.support-title{display:block}.support-title h1{font-size:28px}.support-badge{margin-top:10px;display:inline-block}.support-main{padding:28px 18px}.help-layout{grid-template-columns:1fr}.help-search{padding:22px}.support-stats{grid-template-columns:repeat(3,1fr)}.consultation-form,.support-thread,.admin-list,.my-tickets{padding:20px}.form-grid,.admin-fields{grid-template-columns:1fr}.support-footer{display:block}.support-footer span{margin:8px 0;display:block}.message{max-width:100%}.support-primary{font-size:13px!important}.thread-head h2{font-size:21px}.support-header .support-brand{font-size:18px}}