@import url("data:text/css,");

:root{
 --s-bg:#04111e;--s-panel:#081d31;--s-panel-2:#0b2740;--s-line:rgba(134,204,255,.16);
 --s-text:#f7fbff;--s-muted:#92abc0;--s-cyan:#28c7ff;--s-blue:#075dff;--s-good:#6bffbf;--s-warn:#ffd66b;--s-bad:#ff6b86;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--s-bg);color:var(--s-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(circle at 82% 4%,rgba(7,93,255,.24),transparent 30%),radial-gradient(circle at 10% 85%,rgba(40,199,255,.1),transparent 30%),#04111e}
button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.support-page{min-height:100svh}.support-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1480px)/2));border-bottom:1px solid var(--s-line);background:rgba(4,17,30,.82);backdrop-filter:blur(18px);position:relative;z-index:20}.support-brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.13em;font-size:13px}.support-brand img{width:44px;height:44px;object-fit:contain}.support-top-actions{display:flex;gap:10px}.support-top-actions a{padding:9px 12px;border:1px solid var(--s-line);border-radius:10px;color:#c7dcec;font-size:12px;font-weight:800}.support-login-shell{width:min(1180px,calc(100% - 30px));min-height:calc(100svh - 72px);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:center;padding:45px 0}.support-login-art,.support-login-card{border:1px solid var(--s-line);border-radius:28px;background:rgba(7,28,47,.84);box-shadow:0 45px 150px rgba(0,0,0,.28)}.support-login-art{min-height:650px;padding:60px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.support-login-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 55%,rgba(40,199,255,.07)),repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.025) 47px)}.support-login-art>*{position:relative}.support-login-art h1{font-size:clamp(52px,7vw,92px);line-height:.88;letter-spacing:-.075em;margin:20px 0}.support-login-art p{max-width:620px;color:var(--s-muted);font-size:17px}.support-orbit{position:absolute;top:38px;right:45px;width:260px;height:260px;border:1px solid rgba(40,199,255,.2);border-radius:50%;display:grid;place-items:center}.support-orbit:after{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.12);border-radius:50%;animation:sRotate 18s linear infinite}.support-orbit img{width:120px;filter:drop-shadow(0 20px 40px rgba(0,116,255,.35))}.support-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--s-cyan);box-shadow:0 0 20px var(--s-cyan);top:20%;left:12%}.support-orbit i:nth-of-type(2){top:auto;bottom:13%;left:auto;right:21%}.support-orbit.mini{position:relative;inset:auto;width:150px;height:150px;margin:0 auto 25px}.support-orbit.mini img{width:76px}@keyframes sRotate{to{transform:rotate(360deg)}}.support-kicker{color:var(--s-cyan);font-size:10px;font-weight:950;letter-spacing:.2em}.support-live-chip,.agent-online{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:20px;padding:9px 12px;border:1px solid rgba(107,255,191,.25);border-radius:999px;color:#caffea;background:rgba(107,255,191,.06);font-size:10px;font-weight:900;letter-spacing:.08em}.support-live-chip span{width:7px;height:7px;border-radius:50%;background:var(--s-good);box-shadow:0 0 12px var(--s-good)}.support-login-card{padding:45px}.support-login-card h2{font-size:clamp(34px,5vw,62px);line-height:.95;letter-spacing:-.06em;margin:15px 0 30px}.support-login-tabs{display:flex;gap:8px;margin-bottom:35px}.support-login-tabs a,.support-filter-row a{padding:9px 12px;border:1px solid var(--s-line);border-radius:10px;color:var(--s-muted);font-size:11px;font-weight:900}.support-login-tabs a.active,.support-filter-row a.active{color:#03111e;background:var(--s-cyan);border-color:var(--s-cyan)}.support-form{display:grid;gap:15px}.support-form label{display:grid;gap:7px}.support-form label>span{color:#a9c2d5;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.support-form input,.support-form textarea,.support-form select{width:100%;border:1px solid var(--s-line);border-radius:12px;outline:0;padding:13px 14px;color:var(--s-text);background:#04121f;resize:vertical}.support-form input:focus,.support-form textarea:focus,.support-form select:focus{border-color:rgba(40,199,255,.65);box-shadow:0 0 0 3px rgba(40,199,255,.07)}.support-form button,.support-primary{min-height:54px;border:0;border-radius:13px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#03111e;background:linear-gradient(100deg,#f7fbff,#68ddff 45%,#1a7cff);font-size:11px;font-weight:950;letter-spacing:.1em;cursor:pointer}.support-helper{color:var(--s-muted);font-size:12px}.support-helper a{color:var(--s-cyan)}.support-alert{padding:13px 15px;border-radius:12px;margin-bottom:15px}.support-alert.bad{border:1px solid rgba(255,107,134,.28);background:rgba(255,107,134,.07);color:#ffd1d9}.support-mailbox{height:calc(100svh - 72px);display:grid;grid-template-columns:370px 1fr;overflow:hidden}.support-sidebar{border-right:1px solid var(--s-line);background:rgba(5,21,36,.94);display:flex;flex-direction:column;min-width:0}.support-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 16px}.support-sidebar-head h1{margin:4px 0 0;font-size:32px;letter-spacing:-.055em}.support-new-button{width:42px;height:42px;border:1px solid rgba(40,199,255,.35);border-radius:12px;color:#03111e;background:var(--s-cyan);font-size:22px;cursor:pointer}.support-search{display:flex;align-items:center;gap:8px;margin:0 18px 15px;padding:0 12px;border:1px solid var(--s-line);border-radius:12px;background:#04121f}.support-search span{color:var(--s-cyan)}.support-search input{width:100%;height:42px;border:0;outline:0;color:var(--s-text);background:transparent}.support-filter-row{display:flex;gap:6px;padding:0 18px 12px;overflow:auto}.support-filter-row a{white-space:nowrap;padding:7px 9px;font-size:9px}.support-ticket-list{flex:1;overflow:auto;padding:0 10px 12px}.support-ticket-item{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:14px 12px;border:1px solid transparent;border-radius:15px;margin-bottom:5px;transition:.2s}.support-ticket-item:hover{background:rgba(255,255,255,.025)}.support-ticket-item.active{border-color:rgba(40,199,255,.22);background:linear-gradient(100deg,rgba(40,199,255,.08),rgba(7,93,255,.06))}.ticket-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#123d5e,#075dff);font-size:10px;font-weight:950;letter-spacing:.05em}.ticket-item-top{display:flex;justify-content:space-between;gap:10px}.ticket-item-top strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.ticket-item-top time{color:#5f7d95;font-size:9px}.support-ticket-item p{margin:4px 0 8px;color:#819cb2;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-state{display:inline-flex;align-items:center;width:max-content;color:#9bdcff;font-size:8px;font-weight:950;letter-spacing:.09em}.ticket-state.resolved{color:var(--s-good)}.ticket-state.large{padding:8px 11px;border:1px solid rgba(40,199,255,.2);border-radius:999px;background:rgba(40,199,255,.05)}.ticket-item-flags{display:flex;gap:8px}.priority{font-size:8px;font-weight:950}.priority.high{color:var(--s-warn)}.priority.urgent{color:var(--s-bad)}.support-profile{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--s-line)}.support-profile div:last-child{display:grid}.support-profile strong{font-size:12px}.support-profile span{font-size:9px;color:#7190a8}.support-thread-panel{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,rgba(8,29,49,.62),rgba(4,17,30,.9))}.support-thread-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid var(--s-line)}.support-thread-head h2{margin:5px 0 4px;font-size:26px;letter-spacing:-.04em}.support-thread-head p{margin:0;color:var(--s-muted);font-size:11px}.staff-thread-actions{display:flex;align-items:center;gap:8px}.staff-thread-actions select,.support-secondary,.support-resolve{height:40px;border:1px solid var(--s-line);border-radius:10px;padding:0 11px;color:#dff2ff;background:#071b2d;font-size:9px;font-weight:950;letter-spacing:.07em;cursor:pointer}.support-resolve{border-color:rgba(107,255,191,.3);color:#c9ffe8;background:rgba(107,255,191,.06)}.support-customer-context{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-bottom:1px solid var(--s-line);background:var(--s-line)}.support-customer-context div{padding:12px 20px;background:#07192a;display:grid;gap:3px}.support-customer-context span{color:#64849d;font-size:8px;font-weight:950;letter-spacing:.1em}.support-customer-context strong{font-size:11px}.support-thread{flex:1;overflow:auto;padding:28px;display:flex;flex-direction:column;gap:18px}.support-message{max-width:min(720px,78%)}.support-message.customer{align-self:flex-start}.support-message.staff{align-self:flex-end}.message-meta{display:flex;gap:12px;align-items:center;margin-bottom:6px}.message-meta strong{font-size:10px}.message-meta time{color:#607f97;font-size:9px}.message-bubble{padding:14px 16px;border:1px solid var(--s-line);border-radius:5px 17px 17px 17px;color:#dcebf6;background:#0a243b;font-size:13px;line-height:1.55}.support-message.staff .message-bubble{border-radius:17px 5px 17px 17px;background:linear-gradient(120deg,rgba(7,93,255,.18),rgba(40,199,255,.08));border-color:rgba(40,199,255,.25)}.message-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.message-attachments a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--s-line);border-radius:10px;background:#061727;font-size:10px}.message-attachments small{color:#68869d}.support-composer{display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:end;padding:16px 22px;border-top:1px solid var(--s-line);background:rgba(5,20,34,.95)}.support-composer textarea{min-height:46px;max-height:160px;border:1px solid var(--s-line);border-radius:13px;outline:0;padding:12px;color:var(--s-text);background:#04121f;resize:none}.support-composer button,.attachment-button{height:46px;border:0;border-radius:12px;display:grid;place-items:center;cursor:pointer}.support-composer button{padding:0 16px;color:#03111e;background:var(--s-cyan);font-size:10px;font-weight:950}.attachment-button{border:1px solid var(--s-line);background:#071b2d;font-size:20px}.composer-files{grid-column:2/4;color:#7898b0;font-size:10px}.support-zero-state{margin:auto;text-align:center;max-width:520px}.support-zero-state h2{font-size:44px;letter-spacing:-.06em;margin:10px 0}.support-zero-state p{color:var(--s-muted)}.support-primary{margin:20px auto 0}.support-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(0,6,12,.84);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.25s}.support-modal.open{opacity:1;visibility:visible}.support-modal>section{position:relative;width:min(700px,100%);max-height:90svh;overflow:auto;padding:35px;border:1px solid var(--s-line);border-radius:25px;background:#071b2d;box-shadow:0 45px 150px rgba(0,0,0,.5)}.support-modal h2{font-size:42px;letter-spacing:-.055em;margin:12px 0 25px}.support-modal-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid var(--s-line);border-radius:10px;color:var(--s-text);background:#061523;font-size:22px;cursor:pointer}.support-empty-small{padding:40px 15px;color:#6d8ca3;text-align:center;font-size:12px}.support-toast-region{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:8px}.support-toast{width:min(340px,calc(100vw - 36px));padding:13px 15px;border:1px solid var(--s-line);border-radius:12px;background:#09223a;box-shadow:0 20px 70px rgba(0,0,0,.35);animation:toastIn .3s ease}.support-toast.bad{border-color:rgba(255,107,134,.3)}.support-toast strong{display:block;font-size:10px;color:var(--s-cyan);letter-spacing:.1em}.support-toast span{color:var(--s-muted);font-size:11px}@keyframes toastIn{from{transform:translateX(110%);opacity:0}}@media(max-width:900px){.support-login-shell{grid-template-columns:1fr}.support-login-art{min-height:520px;padding:35px}.support-mailbox{grid-template-columns:300px 1fr}.support-thread-head{align-items:flex-start;flex-direction:column}.staff-thread-actions{flex-wrap:wrap}.support-customer-context{grid-template-columns:1fr}.support-customer-context div:nth-child(n+2){display:none}}@media(max-width:680px){.support-topbar{height:64px}.support-brand span{display:none}.support-mailbox{height:auto;min-height:calc(100svh - 64px);display:block}.support-sidebar{height:44svh;border-right:0;border-bottom:1px solid var(--s-line)}.support-thread-panel{min-height:56svh}.support-message{max-width:92%}.support-login-art{display:none}.support-login-card{padding:28px}.support-login-shell{min-height:calc(100svh - 64px)}.support-composer{grid-template-columns:40px 1fr}.support-composer button{grid-column:1/3}.composer-files{grid-column:1/3}}

.agent-admin-shell{width:min(1180px,calc(100% - 30px));margin:0 auto;padding:45px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.agent-create-card,.agent-list-card{padding:30px;border:1px solid var(--s-line);border-radius:24px;background:rgba(7,28,47,.9)}.agent-create-card h1{font-size:48px;line-height:.95;letter-spacing:-.06em;margin:18px 0}.agent-create-card>p{color:var(--s-muted)}.agent-create-card code{color:var(--s-cyan)}.agent-credential{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;margin:18px 0;padding:16px;border:1px solid rgba(107,255,191,.25);border-radius:14px;background:rgba(107,255,191,.05)}.agent-credential span{color:#7294aa;font-size:8px;font-weight:950;letter-spacing:.1em}.agent-credential strong{overflow-wrap:anywhere}.agent-credential small{grid-column:1/3;color:#9fc8b6}.agent-list-card h2{font-size:36px;letter-spacing:-.05em}.agent-list{display:grid;gap:8px}.agent-list article{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--s-line);border-radius:14px;background:#061727}.agent-list article>div:nth-child(2){display:grid}.agent-list article span{color:#7897ae;font-size:10px}.agent-list em{font-style:normal;font-size:8px;font-weight:950}.agent-list em.on{color:var(--s-good)}.agent-list em.off{color:var(--s-bad)}.agent-list button{border:1px solid rgba(255,107,134,.25);border-radius:9px;padding:7px 9px;color:#ffc5cf;background:rgba(255,107,134,.05);cursor:pointer}@media(max-width:850px){.agent-admin-shell{grid-template-columns:1fr}}


/* V7.1 shared support language control */
.support-language-picker{
  height:38px;display:flex;align-items:center;gap:6px;padding:0 8px 0 10px;
  border:1px solid var(--s-line);border-radius:10px;color:#8fdfff;
  background:rgba(255,255,255,.025)
}
.support-language-picker>span{font-size:13px;line-height:1}
.support-language-picker select{
  height:34px;border:0;outline:0;appearance:none;padding:0 18px 0 0;
  color:#dff2ff;background:
    linear-gradient(45deg,transparent 50%,#8fdfff 50%) calc(100% - 8px) 15px/4px 4px no-repeat,
    linear-gradient(135deg,#8fdfff 50%,transparent 50%) calc(100% - 5px) 15px/4px 4px no-repeat,
    transparent;font-size:10px;font-weight:950;letter-spacing:.08em;cursor:pointer
}
.support-language-picker select option{color:#eaf7ff;background:#071b2d}
@media(max-width:680px){
  .support-top-actions{gap:6px}
  .support-top-actions>a{padding:8px 9px;font-size:10px}
  .support-language-picker{padding-left:8px}
  .support-language-picker>span{display:none}
}