.support-main{padding:144px 0 88px;min-height:80vh;background:#f5f7fc}.support-shell{width:min(calc(100% - 48px),1200px);margin:auto}.support-hero{margin-bottom:32px}.support-hero h1{margin:12px 0;font-size:42px;letter-spacing:-1.5px;color:#0b1739}.support-hero>p:last-child{line-height:1.8;color:#687997}.support-kicker{font-size:11px;letter-spacing:2px;color:#4568ff;font-weight:800}.support-tabs{display:flex;gap:8px;margin-bottom:24px}.support-tabs a{border:1px solid #dfe5f1;padding:12px 20px;border-radius:9px;background:white;font-weight:700;font-size:14px}.support-tabs a[aria-current]{background:#4568ff;color:white;border-color:#4568ff}.support-privacy{display:inline-block;padding:7px 11px;background:#edf1ff;color:#4568ff;border-radius:7px;font-size:12px;font-weight:700}.support-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.support-card{padding:28px;background:#fff;border:1px solid #dfe5f1;border-radius:18px;box-shadow:0 14px 36px #182c5310}.support-card h2{margin:0;font-size:21px;color:#0b1739}.support-card>p{font-size:13px;line-height:1.8;color:#687997}.support-form{display:grid;gap:17px;margin-top:24px}.support-form label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#0b1739}.support-form :is(input,select,textarea),.support-list-tools select{width:100%;padding:12px 14px;background:#f7f9fd;border:1px solid #dfe5f1;border-radius:9px;font:inherit;color:#0b1739;min-width:0}.support-form textarea{resize:vertical;min-height:160px;line-height:1.7;font-weight:400}.support-form :is(input,select,textarea):focus{outline:2px solid #4568ff66;border-color:#4568ff}.support-form small{font-size:12px;color:#687997;line-height:1.7;font-weight:400}.support-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #dfe5f1;background:white;color:#0b1739;border-radius:9px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;gap:6px}.support-button.primary{background:#4568ff;border-color:#4568ff;color:#fff}.support-button:disabled{opacity:.5;cursor:default}.support-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.support-list-head span{font-size:13px;color:#687997}.support-list-tools{display:flex;gap:8px;margin:20px 0}.support-list-tools select{flex:1;font-size:13px}.support-list{display:grid;gap:10px}.support-ticket{display:block;width:100%;text-align:left;padding:17px;background:#fff;border:1px solid #e2e7f2;border-radius:11px;font:inherit;cursor:pointer;transition:border-color .2s}.support-ticket:hover,.support-ticket:focus-visible{border-color:#4568ff;outline:none}.support-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#71829e}.support-ticket strong{display:block;margin:12px 0;color:#0b1739;font-size:15px;overflow-wrap:anywhere}.support-ticket-meta{font-size:12px;color:#7b8ba5;line-height:1.6}.support-ticket-open{display:block;text-align:right;color:#4568ff;font-size:12px;font-weight:700;margin-top:8px}.support-badge{display:inline-flex;padding:5px 8px;border-radius:6px;background:#fff3dd;color:#906218;font-size:11px;font-weight:700;white-space:nowrap}.support-badge[data-status=answered]{background:#e4f7f1;color:#16816d}.support-badge[data-status=closed]{background:#edf0f6;color:#71809a}.support-empty{padding:48px 16px;text-align:center;line-height:1.8;color:#7b8ba5;background:#f8faff;border:1px dashed #dfe5f1;border-radius:12px;font-size:13px}.support-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;font-size:12px;color:#687997}.support-notice{margin:0 0 20px;color:#16816d;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.support-notice:empty{display:none}.support-notice.is-error{color:#bc3e4c}.support-login{max-width:660px;text-align:center;margin:24px auto}.support-login .support-button{margin-top:12px}.support-dialog{width:min(calc(100% - 32px),780px);max-height:88vh;border:1px solid #dfe5f1;border-radius:20px;padding:28px;color:#0b1739;box-shadow:0 20px 80px #0b17394d}.support-dialog::backdrop{background:#08153099;backdrop-filter:blur(3px)}.support-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.support-dialog-head h2{font-size:23px;margin:8px 0;overflow-wrap:anywhere}.support-dialog-meta{color:#7b8ba5;font-size:12px;line-height:1.8;margin:8px 0 20px}.support-thread{display:grid;gap:12px;margin:16px 0}.support-message{padding:18px;background:#f4f6fb;border:1px solid #e5e9f2;border-radius:12px;min-width:0}.support-message.from-admin{background:#edf2ff;border-color:#d9e2ff}.support-message>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.support-message time{font-size:11px;color:#7b8ba5}.support-message p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.support-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.support-closed{padding:16px;background:#f4f6fb;border-radius:10px;color:#687997;font-size:13px}.support-admin-main{padding-top:50px}.support-admin-main .support-workspace{display:block}.support-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.support-admin-stats>div{background:white;border:1px solid #dfe5f1;border-radius:14px;padding:22px}.support-admin-stats span{font-size:13px;color:#687997}.support-admin-stats strong{display:block;margin-top:10px;color:#4568ff;font-size:28px}.support-admin-main .support-list{grid-template-columns:repeat(2,minmax(0,1fr))}[hidden]{display:none!important}
@media(max-width:700px){.support-main{padding:112px 0 50px}.support-shell{width:calc(100% - 32px)}.support-hero h1{font-size:32px}.support-workspace{grid-template-columns:minmax(0,1fr)}.support-card{padding:22px}.support-dialog{padding:22px}.support-message>div{align-items:flex-start;flex-direction:column;gap:5px}.support-admin-main .support-list{grid-template-columns:minmax(0,1fr)}.support-admin-stats{gap:8px}.support-admin-stats>div{padding:15px}.support-admin-stats span{font-size:11px}.support-dialog-head h2{font-size:20px}.support-dialog-actions{flex-wrap:wrap}}