.support-page{--sp-bg:#050608;--sp-surface:#101318;--sp-soft:#181e24;--sp-line:#2a333b;--sp-ink:#f3f5f5;--sp-muted:#a4b0b8;--sp-accent:#b8ff5d;background:var(--sp-bg);min-height:100dvh;color:var(--sp-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;letter-spacing:0;font-size:14px}body:has(.support-page){background:#050608}:is(body:has(.support-page)>header,body:has(.support-page)>footer){display:none}.support-page *{box-sizing:border-box}.support-page .sp-topbar .text-primary{color:var(--sp-accent)}.support-page .sp-topbar .font-heading{letter-spacing:0}.support-page button,.support-page input,.support-page textarea,.support-page select{font:inherit;letter-spacing:0}.support-page button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}.support-page button:hover{background:var(--sp-soft)}.support-page button:disabled{opacity:.45;cursor:not-allowed}.support-page :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px}.support-page svg{flex-shrink:0}.support-page .sp-primary{background:var(--sp-accent);color:#101407;font-weight:600}.support-page .sp-primary:hover{background:#ceff90}.sp-topbar{background:#090c0e;border-bottom:1px solid #242a2d;justify-content:space-between;align-items:center;gap:20px;height:56px;padding:10px 20px;display:flex}.sp-brand{align-items:center;gap:24px;min-width:0;display:flex}.sp-topbar-label{border-left:1px solid var(--sp-line);color:var(--sp-muted);align-items:center;gap:8px;padding-left:24px;font-size:13px;display:flex}.sp-back{color:var(--sp-muted);align-items:center;gap:8px;display:inline-flex}.sp-main{width:100%;margin:0}.sp-inbox-heading{border-bottom:1px solid #242a2d;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:80px;padding:16px 20px;display:flex}.sp-inbox-heading h1{letter-spacing:0;margin:0;font-size:17px;font-weight:600;line-height:1.4}.support-page .sp-new-ticket{color:#c4ecab;white-space:nowrap;background:#1c2420;border:1px solid #3b4c32;gap:5px;height:32px;min-height:32px;padding:6px 9px;font-size:11px}.sp-scopes{border-bottom:1px solid var(--sp-line);flex-shrink:0;gap:6px;padding:0 16px;display:flex}.support-page .sp-scopes button{border-bottom:2px solid #0000;border-radius:0;flex:1;gap:6px;padding:10px 4px;font-size:12px}.sp-scopes [aria-current=page]{border-color:var(--sp-accent);color:var(--sp-accent)}.sp-workspace{grid-template-columns:350px minmax(0,1fr);height:calc(100dvh - 56px);min-height:480px;display:grid}.sp-ticket-list{background:#0d1012;border-right:1px solid #2b3135;flex-direction:column;min-width:0;min-height:0;display:flex}.sp-tools{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 16px 8px;display:grid}.sp-search{border:1px solid var(--sp-line);height:38px;color:var(--sp-muted);background:#101519;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.sp-search input{width:100%;min-width:0;color:var(--sp-ink);background:0 0;border:0;outline:none}.support-page .sp-search input:focus-visible{outline:0}.sp-search:focus-within{outline:2px solid var(--sp-accent);outline-offset:2px}.support-page .sp-filter{color:var(--sp-muted);justify-content:flex-start;min-height:32px;padding:6px 2px;font-size:12px}.sp-filter>span{text-align:left;flex:1}.sp-ticket-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sp-line) transparent;flex:1;min-height:0;padding:0 8px 12px;overflow:auto}.support-page .sp-ticket{text-align:left;border:1px solid #0000;border-bottom-color:#24292c;border-radius:6px;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;margin:0 0 4px;padding:14px 10px;display:flex;position:relative}.support-page .sp-ticket[aria-current=true]{background:#202820;border-color:#3e4c36}.sp-ticket[aria-current=true]:before{content:"";background:var(--sp-accent);border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px;left:-1px}.sp-ticket-symbol{color:#9bd1d3;background:#1c2b2e;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.sp-ticket-symbol[data-category=billing]{color:#e7cb8c;background:#30281b}.sp-ticket-symbol[data-category=account]{color:#c3b5d9;background:#292431}.sp-ticket-symbol[data-category=other]{color:#bfd68f;background:#26301e}.sp-ticket-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sp-ticket-top{color:var(--sp-muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;display:flex}.sp-ticket-top time{color:#8c969b;flex-shrink:0}.sp-ticket strong{color:#edf0f1;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:550;line-height:1.5;display:block;overflow:hidden}.sp-ticket-category{color:#b0bcbf;min-width:0;font-size:10px;line-height:1.5}.sp-ticket-preview{color:#a5afb2;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.sp-ticket-bottom{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:2px;display:flex}.sp-ticket-bottom .sp-status{margin-left:auto;font-size:10px}.sp-ticket-bottom .sp-reference{color:#7f9099;font-size:10px}.sp-unread{background:#71d9ee;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.sp-customer-email,.sp-reference{color:var(--sp-muted);overflow-wrap:anywhere;font-size:12px}.sp-status{color:var(--sp-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.sp-status i{background:#f0f3f5;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sp-status[data-status=waiting] i{background:#ffd36e}.sp-status[data-status=resolved] i{background:#72ddb0}.sp-load-more{min-height:40px;color:var(--sp-muted);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.sp-conversation{background:#0a0c0e;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.sp-thread-heading{background:#101416;border-bottom:1px solid #282e31;flex-shrink:0;align-items:center;gap:12px;min-height:80px;padding:14px 22px;display:flex}.sp-support-avatar{color:#c3eb9e;background:#273320;border:1px solid #394930;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.sp-thread-title{flex:1;min-width:0}.sp-thread-heading h2{white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.45;overflow:hidden}.sp-thread-meta{color:var(--sp-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.sp-meta-dot{background:#6b7c86;border-radius:50%;width:3px;height:3px}.support-page .sp-reference-copy{color:#93a5af;gap:5px;min-height:24px;padding:0 3px;font-size:11px}.sp-thread-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sp-thread-actions .sp-status{background:#202628;border-radius:5px;max-width:145px;margin-right:8px;padding:6px 9px;font-size:11px}.support-page .sp-icon-button{width:36px;height:36px;color:var(--sp-muted);flex:0 0 36px;padding:0}.support-page .sp-icon-button[data-popup-open]{background:var(--sp-soft);color:var(--sp-ink)}.sp-conversation-search{border-bottom:1px solid var(--sp-line);background:#131719;flex-shrink:0;align-items:center;gap:4px;padding:10px 20px;display:flex}.sp-conversation-search .sp-search{flex:1;min-width:0}.sp-match-count{color:var(--sp-muted);white-space:nowrap;padding:0 6px;font-size:11px}.sp-message[data-match=true] .sp-bubble{outline-offset:3px;outline:2px solid #d8d28b}.sp-order-ref{color:var(--sp-muted);border-bottom:1px solid var(--sp-line);flex-wrap:wrap;gap:8px;padding:12px 24px;font-size:12px;display:flex}.sp-order-ref span{overflow-wrap:anywhere}.sp-messages{overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sp-line) transparent;flex:1;min-height:120px;padding:18px 24px 20px;overflow:auto}.sp-message-stack{flex-direction:column;justify-content:flex-end;gap:16px;width:100%;min-height:100%;display:flex}.sp-day{color:var(--sp-muted);justify-content:center;align-items:center;gap:16px;padding:8px 0;font-size:11px;display:flex}.sp-day:before,.sp-day:after{content:"";background:var(--sp-line);flex:1;max-width:80px;height:1px}.sp-message{align-self:flex-start;align-items:flex-start;gap:8px;min-width:0;max-width:78%;padding-inline:2px;display:flex}.sp-message[data-mine=true]{flex-direction:row-reverse;align-self:flex-end}.sp-message-avatar{border:1px solid var(--sp-line);color:#d1e6db;background:#23332f;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;margin-top:1px;font-size:10px;font-weight:600;display:grid;overflow:hidden}.sp-message-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sp-message[data-staff=true] .sp-message-avatar{color:#72ddb0;border-color:#2d5147}.sp-message-content{min-width:0;max-width:680px;position:relative}.sp-message-byline{flex-wrap:wrap;align-items:center;gap:8px;min-height:20px;margin:0 0 5px;display:flex}.sp-message[data-mine=true] .sp-message-byline{flex-direction:row-reverse}.sp-message-byline time{color:#8d9a9f;flex-shrink:0;font-size:10px}.sp-bubble{background:#1b2125;border:1px solid #333b40;border-radius:2px 8px 8px;min-width:0;padding:10px 13px;box-shadow:0 1px 2px #0002}.sp-message[data-mine=true] .sp-bubble{background:#26352c;border-color:#40523e;border-radius:8px 2px 8px 8px}.sp-message-author{color:#e0e5e6;font-size:12px;font-weight:500;display:block}.sp-agent-label{color:#a1c2b4;border:1px solid #324641;border-radius:3px;padding:1px 5px;font-size:9px}.sp-message[data-staff=true] .sp-message-author{color:#87d5b6}.sp-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#e7ebec;margin:0;font-size:13px;font-weight:400;line-height:1.65}.support-page .sp-message-copy{width:26px;height:26px;min-height:26px;color:var(--sp-muted);opacity:0;padding:0;position:absolute;top:28px;right:-30px}.sp-message[data-mine=true] .sp-message-copy{left:-30px;right:auto}.sp-message:hover .sp-message-copy,.sp-message:focus-within .sp-message-copy{opacity:1}.sp-event{color:var(--sp-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:4px 0;font-size:11px;line-height:1.6;display:flex}.sp-event time{color:#82929b}.support-page .sp-new-reply{border:1px solid var(--sp-line);background:var(--sp-surface);min-height:32px;color:var(--sp-accent);align-self:center;margin:0 0 8px;padding:6px 12px;font-size:12px}.sp-older{color:var(--sp-accent);margin:0 auto 12px}.sp-compose{flex-shrink:0;padding:0 18px 16px}.sp-reply-form{background:#161c1f;border:1px solid #414c50;border-radius:8px;flex-direction:column;width:100%;padding:0;display:flex;overflow:hidden;box-shadow:0 3px 12px #0002}.sp-compose-heading{justify-content:space-between;align-items:center;padding:5px 10px 0 14px;display:flex}.sp-compose-heading>span{color:#bdc7cb;align-items:center;gap:7px;font-size:11px;display:flex}.support-page .sp-compose-heading .sp-icon-button{flex-basis:28px;width:28px;height:28px;min-height:28px}.sp-reply-form:focus-within{border-color:#68987f;box-shadow:0 0 0 2px #86b69b12}.sp-compose textarea,.sp-dialog :is(input,select,textarea){background:var(--sp-surface);border:1px solid var(--sp-line);width:100%;min-width:0;color:var(--sp-ink);resize:vertical;border-radius:6px;padding:12px;line-height:1.6}.sp-compose textarea{resize:none;background:0 0;border:0;border-radius:0;min-height:52px;max-height:144px;padding:7px 14px 10px;font-size:13px;line-height:22px;display:block;overflow-y:auto}.sp-reply-form[data-expanded=true] textarea{max-height:200px}.sp-compose textarea:focus-visible{outline:0}.sp-resolved{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-compose-toolbar{background:#13191c;border-top:1px solid #2c3539;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:6px 10px;display:flex}.sp-compose-actions{align-items:center;gap:4px;display:flex}.sp-pending-files{flex-wrap:wrap;gap:8px;max-height:150px;padding:8px 12px;display:flex;overflow:auto}.sp-pending-file{background:#20292c;border:1px solid #3b474c;border-radius:6px;align-items:center;gap:8px;width:220px;min-width:0;max-width:100%;padding:7px;display:flex}.sp-file-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:36px;height:36px}.sp-file-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sp-file-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.sp-file-name small{color:var(--sp-muted);font-size:10px}.support-page .sp-pending-file .sp-icon-button{flex-basis:24px;width:24px;height:28px;min-height:28px}.sp-message-files{gap:8px;width:260px;max-width:100%;display:grid}.sp-bubble p+.sp-message-files{margin-top:10px}.sp-message-file{min-width:0}.sp-image-link{background:#101518;border-radius:4px;display:block;overflow:hidden}.sp-image-link img{object-fit:contain;width:100%;height:160px;display:block}.sp-file-download{color:var(--sp-ink);align-items:center;gap:10px;padding:10px 4px 2px;display:flex}.sp-file-download:hover{color:var(--sp-accent)}.sp-new-attachments{color:var(--sp-muted);align-items:center;gap:8px;font-size:12px;display:flex}.sp-new-attachments small{margin-left:8px;font-size:10px}.sp-dialog .sp-pending-files{padding:0}.support-page .sp-send{border:1px solid #c0ef83;gap:8px;height:32px;min-height:32px;padding:6px 14px;font-size:12px;box-shadow:0 1px 2px #0003}.sp-character-count{text-align:right;color:var(--sp-muted);padding-top:6px;font-size:11px;display:block}.sp-resolved{border-top:1px solid var(--sp-line);color:var(--sp-muted);margin:0;padding-top:12px}.sp-resolved>span{align-items:center;gap:8px;display:inline-flex}.sp-confirm{border-bottom:1px solid var(--sp-line);background:#12201a;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 24px;font-size:12px;display:flex}.sp-confirm>span{flex:1}.sp-confirm button{color:var(--sp-accent)}.sp-empty{text-align:center;color:var(--sp-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.sp-empty>svg{color:#79979c}.sp-empty h2{color:var(--sp-ink);letter-spacing:0;margin:0;font-size:18px}.sp-empty p{margin:0;line-height:1.6}.sp-empty button{color:var(--sp-accent)}.sp-error{color:#ffbba9;overflow-wrap:anywhere;background:#281a17;border:1px solid #733c33;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px;padding:12px;line-height:1.6;display:flex}.sp-error a{text-decoration:underline}.support-page .sp-mobile-back{display:none}.sp-menu-positioner{z-index:60}.sp-menu{width:230px;max-width:var(--available-width);background:var(--sp-surface);color:var(--sp-ink);border:1px solid var(--sp-line);border-radius:6px;padding:5px;box-shadow:0 8px 28px #0006}.sp-menu-item{cursor:pointer;border-radius:4px;outline:none;justify-content:space-between;align-items:center;padding:10px;font-size:13px;display:flex}.sp-menu-item[data-highlighted]{background:var(--sp-soft)}.sp-menu-item>svg{flex-shrink:0;margin-right:10px}.sp-menu-item>span:first-of-type{flex:1}.sp-dialog{border:1px solid var(--sp-line);background:var(--sp-bg);width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--sp-ink);border-radius:8px;margin:auto;padding:24px;overflow:auto}.sp-dialog::backdrop{background:#000b}.sp-dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sp-dialog-heading h2{letter-spacing:0;margin:0;font-size:20px}.sp-dialog fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.sp-dialog label{font-size:13px;display:block}.sp-dialog label :is(input,select,textarea){margin-top:7px;display:block}.sp-form-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.sp-muted{color:var(--sp-muted)}.sp-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sp-spin{animation:1s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sp-spin{animation:none}}@media (max-width:1050px){.sp-workspace{grid-template-columns:290px minmax(0,1fr)}.sp-thread-heading>.sp-support-avatar{display:none}.sp-thread-heading{gap:8px;padding:12px 16px}.sp-thread-actions .sp-status{max-width:110px;margin-right:0}.sp-messages{padding:18px 18px 20px}.sp-compose{padding:0 12px 12px}.sp-inbox-heading{padding-inline:16px}.sp-inbox-heading h1{font-size:16px}.sp-ticket-top{flex-wrap:wrap;gap:2px}.sp-ticket-top strong{width:100%}}@media (max-width:700px){.sp-topbar{height:60px;padding:12px 16px}.sp-topbar .sp-back span,.sp-topbar-label{display:none}.sp-workspace{height:calc(100dvh - 60px);min-height:420px;display:block}.sp-ticket-list{border-right:0;height:100%}.sp-workspace[data-selected=true] .sp-ticket-list,.sp-workspace[data-selected=false] .sp-conversation{display:none}.sp-conversation{height:100%;min-height:420px}.support-page .sp-mobile-back{padding:6px;display:inline-flex}.sp-thread-heading{grid-template-columns:28px minmax(0,1fr) 32px 32px;gap:4px;padding:12px 10px;display:grid}.sp-thread-heading h2{white-space:normal;overflow-wrap:anywhere;font-size:14px}.sp-thread-title{grid-column:2}.sp-thread-actions{display:contents}.sp-thread-actions>.sp-status{grid-area:2/2/auto/-1;justify-self:start;max-width:none;margin-top:4px;padding:4px 7px}.sp-thread-actions>.sp-icon-button{grid-area:1/4;width:32px}.sp-thread-actions>.sp-thread-search{grid-column:3}.sp-thread-meta{gap:5px;font-size:10px}.support-page .sp-reference-copy{font-size:10px}.sp-messages{padding:16px 12px 24px}.sp-compose{padding:0 12px 12px}.sp-order-ref{padding:12px}.sp-conversation-search{grid-template-columns:minmax(0,1fr) repeat(3,32px);gap:4px;padding:8px 12px;display:grid}.sp-conversation-search .sp-search{grid-column:1/-1}.sp-conversation-search .sp-match-count{padding-left:2px}.support-page .sp-conversation-search .sp-icon-button{width:32px;height:32px;min-height:32px}.sp-message{gap:6px;max-width:90%}.sp-message-avatar{flex-basis:28px;width:28px;height:28px}.sp-bubble{padding:10px 11px}.sp-message-byline{gap:8px}.sp-message-stack{gap:16px}.sp-agent-label{display:none}.sp-ticket-top{flex-wrap:nowrap;gap:8px}.sp-dialog{padding:16px}.sp-confirm{padding:10px 12px}}@media (pointer:coarse){.support-page button{min-height:44px}.support-page .sp-message-copy{opacity:1;width:28px;min-height:32px}}