:root{
  --pro-bg:#050609;
  --pro-bg-2:#090b10;
  --pro-card:#0b0d12;
  --pro-card-2:#10131a;
  --pro-line:rgba(255,255,255,.10);
  --pro-line-2:rgba(255,255,255,.18);
  --pro-text:#f7f8fb;
  --pro-muted:#a7abb6;
  --pro-soft:#d7dae2;
  --pro-blue:#4ea1ff;
  --pro-green:#19d48b;
  --pro-red:#ff5a68;
  --pro-yellow:#ffd166;
  --pro-radius:18px;
  --pro-radius-sm:13px;
  --pro-shadow:0 14px 34px rgba(0,0,0,.34);
}

html,body{background:var(--pro-bg)!important;color:var(--pro-text)!important;overflow-x:hidden!important}
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(78,161,255,.12),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(25,212,139,.08),transparent 26%),
    linear-gradient(180deg,#050609 0%,#07080c 48%,#050609 100%)!important;
}
body::before,body::after,.noise,.snow{display:none!important}


.page{max-width:1480px!important;margin-right:auto!important}
.topbar{
  background:rgba(5,6,9,.92)!important;
  border-bottom:1px solid var(--pro-line)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.topbar h1{font-size:clamp(30px,4vw,48px)!important;letter-spacing:2px!important;color:#fff!important;text-shadow:0 0 20px rgba(78,161,255,.10)!important}
.dev-mark{border:1px solid var(--pro-line-2)!important;background:rgba(255,255,255,.035)!important;color:var(--pro-soft)!important}

#sidebar{
  background:linear-gradient(180deg,#07080b,#050609)!important;
  border-right:1px solid var(--pro-line)!important;
  box-shadow:12px 0 34px rgba(0,0,0,.38)!important;
}
.logo-box{background:linear-gradient(135deg,#ffffff,#dfe7ff 48%,#4ea1ff)!important;color:#050609!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(78,161,255,.16)!important}
.brand h2{color:#fff!important;text-shadow:none!important}.sidebar-title{color:#747b88!important}
nav a{
  border-radius:14px!important;
  color:#a9afbb!important;
  min-height:48px!important;
  padding:13px 16px!important;
  margin-bottom:7px!important;
  font-size:clamp(22px,2.2vw,28px)!important;
  transition:background .14s ease,color .14s ease,border-color .14s ease!important;
}
nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
nav a.active{
  background:linear-gradient(90deg,rgba(78,161,255,.20),rgba(25,212,139,.08))!important;
  color:#fff!important;
  border-left:3px solid var(--pro-blue)!important;
  box-shadow:inset 0 0 0 1px rgba(78,161,255,.12)!important;
}
.sidebar-divider{background:var(--pro-line)!important}


.card,.stat,.status-item,.link-item,.social-card,.partner-card,.rota-item,.token-box,.executor-box,.admin-card,.notify-card,.user-card,.plan,.pixBox,.tokenBox,.login-card,.account-card,.pendingBox,.input-group,.key-card,.route-card,.update-card,.update-key-card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),var(--pro-card)!important;
  border:1px solid var(--pro-line)!important;
  border-radius:var(--pro-radius)!important;
  box-shadow:var(--pro-shadow)!important;
}
.card{padding:clamp(18px,2.2vw,28px)!important;margin-bottom:18px!important}
.card:hover,.link-item:hover,.social-card:hover,.partner-card:hover,.rota-item:hover,.plan:hover{border-color:rgba(78,161,255,.22)!important;box-shadow:0 16px 36px rgba(0,0,0,.40)!important;transform:none!important}
.hero.card{position:relative;overflow:hidden!important}
.hero.card::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--pro-blue),var(--pro-green));opacity:.95}
.mini{color:var(--pro-blue)!important;letter-spacing:3px!important}
.hero h2{font-size:clamp(44px,7vw,78px)!important;letter-spacing:1.8px!important;margin:10px 0 8px!important;line-height:.92!important;color:#fff!important}
.hero p{font-size:clamp(14px,1.55vw,17px)!important;line-height:1.55!important;color:var(--pro-muted)!important;max-width:840px!important}
h4{font-size:clamp(30px,4vw,42px)!important;letter-spacing:2px!important;line-height:1!important;margin-bottom:16px!important;color:#fff!important}


input,textarea,select,.form input,.form select,.form textarea,.update-form input,.update-form select,.update-form textarea,.tokenBox input,.key-wrap input,.param input{
  background:#07090d!important;
  border:1px solid var(--pro-line)!important;
  border-radius:13px!important;
  color:#fff!important;
  min-height:46px!important;
  padding:12px 14px!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus,.input-group:focus-within,.form input:focus,.form select:focus,.form textarea:focus{
  border-color:rgba(78,161,255,.60)!important;
  box-shadow:0 0 0 3px rgba(78,161,255,.10)!important;
}
input::placeholder,textarea::placeholder{color:#747b88!important}.input-group{padding:11px 13px!important}.input-group input{min-height:34px!important;padding:0!important}


button,.btn,.back-btn,.plan button,.tokenBox button,.pixActions button,.login-form button,.alertBox button,.key-wrap button,.actions button,.admin-actions button,.copy,.exec,.primary,.danger,#copyBtn,.action-btn,.form button,.update-form button{
  min-height:42px!important;
  height:auto!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  font-family:'Bebas Neue',sans-serif!important;
  letter-spacing:1.4px!important;
  font-size:clamp(17px,2.2vw,21px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,#ffffff,#dfe6f3)!important;
  color:#071019!important;
  box-shadow:0 10px 22px rgba(78,161,255,.09)!important;
  text-shadow:none!important;
  transform:none!important;
  transition:opacity .12s ease,border-color .12s ease,background .12s ease!important;
}
button:hover,.btn:hover,.action-btn:hover,.form button:hover,.update-form button:hover{transform:none!important;box-shadow:0 12px 26px rgba(78,161,255,.13)!important;opacity:.95!important}
button:active,.btn:active,.action-btn:active{opacity:.76!important;transform:none!important}
button:disabled,.action-btn:disabled{opacity:.46!important;cursor:not-allowed!important;background:linear-gradient(180deg,#6e737e,#4b5059)!important;color:#d6dae0!important}
.copy-btn,.btn-ghost,.yuta-cancel{background:linear-gradient(180deg,#121722,#0a0d13)!important;color:#e9edf5!important;border:1px solid rgba(78,161,255,.18)!important;box-shadow:none!important}
.remove-btn,.danger,.danger-btn{background:linear-gradient(180deg,#ff6b78,#c73545)!important;color:#fff!important;border-color:rgba(255,90,104,.35)!important;box-shadow:0 10px 24px rgba(255,90,104,.12)!important}
.primary,.exec,.yuta-ok{background:linear-gradient(180deg,#56adff,#2979d9)!important;color:#fff!important;border-color:rgba(78,161,255,.45)!important}
.success,.pill.on{color:var(--pro-green)!important}.pill.off,.red{color:var(--pro-red)!important}


.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important;margin-top:18px!important}
.user-admin-card,.partner-admin-card{display:grid!important;gap:14px!important;padding:18px!important;min-height:0!important}
.user-head,.partner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pro-line);padding-bottom:12px}
.user-email,.partner-name{font-family:Inter,Arial,sans-serif!important;font-weight:700!important;font-size:14px!important;line-height:1.35!important;word-break:break-all;color:#fff!important}
.role-pill,.status-pill,.plan-pill,.tag-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:1.4px;border:1px solid var(--pro-line);background:rgba(255,255,255,.045);color:#d9dde5;white-space:nowrap}
.role-pill.owner{color:#06110d;background:linear-gradient(180deg,#52f0a8,#19d48b);border-color:rgba(25,212,139,.45)}
.role-pill.admin{color:#071019;background:linear-gradient(180deg,#7fc2ff,#4ea1ff);border-color:rgba(78,161,255,.45)}
.role-pill.user{color:#d9dde5}.status-pill.on{color:#07110d;background:rgba(25,212,139,.16);border-color:rgba(25,212,139,.28)}.status-pill.off{color:#ffd1d6;background:rgba(255,90,104,.13);border-color:rgba(255,90,104,.28)}
.user-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.user-info-item{background:#07090d;border:1px solid var(--pro-line);border-radius:12px;padding:10px;min-width:0}.user-info-item span{display:block;font-family:'Bebas Neue',sans-serif;color:#767d8c;letter-spacing:1.5px;font-size:14px;margin-bottom:3px}.user-info-item strong{display:block;font-family:Inter,Arial,sans-serif;color:#e8ecf4;font-size:12.5px;line-height:1.35;font-weight:700;word-break:break-word}.token-mini{font-family:monospace!important;color:#cfd5e1!important}.user-actions,.partner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px!important}.user-actions .action-btn,.partner-actions .action-btn{width:100%!important;min-width:0!important;min-height:40px!important;font-size:16px!important;padding:9px 8px!important;line-height:1!important}.owner-lock{grid-column:1/-1;background:rgba(25,212,139,.10)!important;color:#bcffd9!important;border-color:rgba(25,212,139,.22)!important;box-shadow:none!important}


.token-value{font-size:13px!important;line-height:1.45!important;color:#eef2f8!important;word-break:break-word!important}.key-card small,.route-card small,.update-card small,.update-key-card small{font-size:13px!important;line-height:1.45!important;color:var(--pro-muted)!important}.code,.route-url,.doc-code,pre,code,.response-box,.result-box{background:#07090d!important;border:1px solid var(--pro-line)!important;border-radius:12px!important;color:#eef2f8!important}
.key-actions,.route-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important;margin-top:12px!important}.key-actions .action-btn,.route-actions .action-btn{width:100%!important;min-width:0!important}


.yuta-toast,.notify,.confirm-box,.yuta-dialog,.alertBox{background:linear-gradient(180deg,#11151d,#080a0f)!important;border:1px solid rgba(78,161,255,.18)!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(0,0,0,.55)!important}.yuta-toast{border-left-color:var(--pro-blue)!important}.yuta-toast.success{border-left-color:var(--pro-green)!important}.yuta-toast.error{border-left-color:var(--pro-red)!important}.yuta-toast.warn{border-left-color:var(--pro-yellow)!important}.confirm-kicker{color:var(--pro-blue)!important;background:rgba(78,161,255,.10)!important;border-color:rgba(78,161,255,.22)!important}.confirm-ok{background:linear-gradient(180deg,#56adff,#2979d9)!important;color:#fff!important}.confirm-box.safe .confirm-ok{background:linear-gradient(180deg,#52f0a8,#18a96e)!important;color:#06110d!important}


body.auth-page{background:radial-gradient(circle at 16% 0%,rgba(78,161,255,.16),transparent 30%),radial-gradient(circle at 92% 12%,rgba(25,212,139,.10),transparent 28%),linear-gradient(180deg,#050609,#080a0f 55%,#050609)!important}.auth-card{border-color:rgba(78,161,255,.18)!important}.auth-copy h2{font-size:clamp(46px,7vw,78px)!important}.auth-card h2{font-size:clamp(42px,5vw,56px)!important}.auth-trust-item span{color:var(--pro-blue)!important}


.plan{position:relative;overflow:hidden}.plan::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pro-blue),var(--pro-green));opacity:.9}.partner-tag,.method-badge,.tab.active{background:linear-gradient(180deg,#56adff,#2979d9)!important;color:#fff!important;border-color:rgba(78,161,255,.45)!important}.partner-tag.official{background:linear-gradient(180deg,#52f0a8,#19d48b)!important;color:#06110d!important}


@media(max-width:900px){
  body{padding:0!important}
  .page{margin-left:0!important;padding:92px 12px 20px!important;width:100%!important;max-width:100%!important}
  .topbar{height:72px!important;padding:0 12px!important;gap:10px!important}
  .topbar h1{font-size:34px!important;max-width:calc(100vw - 122px)!important;text-align:center!important}
  .box{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important}
  .dev-mark{font-size:14px!important;padding:6px 8px!important;border-radius:11px!important}
  #sidebar{width:min(300px,84vw)!important;left:calc(-1 * min(300px,84vw))!important;padding:22px 18px!important}
  #sidebar.open{left:0!important}
  .brand{margin-bottom:22px!important}.brand h2{font-size:32px!important}.logo-box{width:48px!important;height:48px!important;font-size:28px!important}
  nav a{font-size:24px!important;padding:12px 14px!important;min-height:44px!important}
  .card{padding:18px 14px!important;margin-bottom:14px!important;border-radius:16px!important}
  .hero h2{font-size:46px!important}.hero p{font-size:14px!important}.mini{font-size:14px!important}
  h4{font-size:30px!important;letter-spacing:1.5px!important}
  .admin-grid,.grid,.form,.update-form{grid-template-columns:1fr!important;gap:13px!important}
  .user-info-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.user-actions,.partner-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.key-actions,.route-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.action-btn,.btn,.form button,.update-form button{font-size:16px!important;min-height:40px!important;padding:9px 8px!important}
  .notify-wrap{top:82px!important;left:10px!important;right:10px!important}.notify{width:100%!important}.notify-title{font-size:32px!important}
}
@media(max-width:430px){
  .page{padding-left:10px!important;padding-right:10px!important}.topbar h1{font-size:30px!important}.card{padding:16px 12px!important}.hero h2{font-size:40px!important}.user-info-grid,.user-actions,.partner-actions,.key-actions,.route-actions{grid-template-columns:1fr!important}.user-actions .action-btn,.partner-actions .action-btn,.key-actions .action-btn,.route-actions .action-btn{min-height:38px!important}.user-email,.partner-name{font-size:13px!important}.role-pill,.status-pill,.tag-pill{font-size:14px!important}.auth-shell{width:calc(100% - 22px)!important}.auth-card{padding:20px 16px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}



.input-group{position:relative!important;flex-wrap:wrap!important;align-items:center!important}
.input-group.field-error{
  border-color:rgba(255,90,104,.70)!important;
  box-shadow:0 0 0 3px rgba(255,90,104,.10)!important;
}
.input-group.field-error span{color:var(--pro-red)!important}
.input-group .field-message{
  flex:0 0 100%;
  display:block;
  margin:5px 0 0 34px;
  font-family:Inter,Arial,sans-serif;
  font-size:11px;
  line-height:1.35;
  color:#ff9aa4;
  letter-spacing:.2px;
  text-transform:none;
}
.yuta-toast-wrap{position:fixed;right:14px;top:84px;z-index:999999;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}
.yuta-toast{pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease;padding:13px 14px 13px 15px;border-left:3px solid var(--pro-blue)!important}
.yuta-toast.show{opacity:1;transform:none}.yuta-toast strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1.4px;margin-bottom:2px}.yuta-toast span{display:block;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.45;color:#d8dde8}

.partner-dock.partners-section{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:1!important;
  overflow:hidden!important;
  margin:18px auto 28px!important;
  max-width:1480px!important;
  padding:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),var(--pro-card)!important;
  border:1px solid var(--pro-line)!important;
  box-shadow:var(--pro-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.partners-head{margin-bottom:15px}.partners-head h2{font-size:clamp(34px,5vw,56px)!important;line-height:.95!important;margin:8px 0!important;color:#fff!important;letter-spacing:1.8px}.partners-head p{font-family:Inter,Arial,sans-serif;color:var(--pro-muted);font-size:14px;line-height:1.5;margin:0}
.partner-dock .partner-wrapper{height:auto!important;overflow:visible!important;display:block!important}.partner-dock .partner-track{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important;width:100%!important;padding:0!important;overflow:visible!important;transform:none!important;will-change:auto!important}.partner-dock .partner-card{min-width:0!important;width:100%!important;height:auto!important;min-height:78px!important;padding:14px!important;border-radius:16px!important;scroll-snap-align:none!important}.partner-dock .partner-fade{display:none!important}.partner-content h4{font-size:24px!important;margin:0 0 4px!important;line-height:1!important}.partner-content p{font-size:12px!important;line-height:1.35!important;margin:0!important}.partner-icon{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:13px!important}.partner-tag{font-size:12px!important;padding:4px 8px!important;margin-bottom:5px!important}
@media(max-width:430px){.yuta-toast-wrap{top:78px;right:10px;left:10px;width:auto}.input-group .field-message{margin-left:30px}.partner-dock.partners-section{padding:16px 12px!important;margin-left:10px!important;margin-right:10px!important}.partner-dock .partner-track{grid-template-columns:1fr!important}.partner-dock .partner-card{min-height:68px!important}.partners-head h2{font-size:38px!important}}
@media(min-width:901px){
  .partner-dock.partners-section{margin-left:330px!important;margin-right:30px!important;max-width:calc(100% - 360px)!important}
}



.partner-track:empty{min-height:0;padding:0;margin:0}
.partners-section[style*="display: none"]{margin:0!important;padding:0!important;border:0!important}
#pixModal .pixBox{max-width:min(92vw,420px)}
#qrImg{width:min(78vw,330px);height:auto;display:block;margin:0 auto 16px;border-radius:14px}
.yuta-toast.success{border-color:rgba(34,197,94,.45)}
.yuta-toast.error{border-color:rgba(244,63,94,.55)}
.yuta-toast.warn{border-color:rgba(245,158,11,.55)}







.logo-box{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  padding:0!important;
  line-height:1!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  transform:none!important;
  rotate:0deg!important;
  font-style:normal!important;
  font-synthesis:none!important;
}
.logo-box::before{
  content:'Y';
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-indent:0;
  font-family:'Bebas Neue',sans-serif!important;
  font-size:34px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:#050609!important;
  transform:translateX(.5px) translateY(1px)!important;
  rotate:0deg!important;
  font-style:normal!important;
  text-shadow:none!important;
}
.auth-brand-row .logo-box{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  border-radius:22px!important;
}
.auth-brand-row .logo-box::before{
  font-size:43px!important;
  transform:translateX(.7px) translateY(1px)!important;
}
@media(max-width:560px){
  .auth-brand-row .logo-box{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    border-radius:18px!important;
  }
  .auth-brand-row .logo-box::before{font-size:36px!important}
}
@media(max-width:900px){
  #sidebar .logo-box,.brand .logo-box{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }
  #sidebar .logo-box::before,.brand .logo-box::before{font-size:31px!important}
}



.auth-brand-text-only{
  gap: 0 !important;
}
.auth-brand-text-only h1{
  margin-left: 0 !important;
}


.coupon-panel{
  margin: 18px 0 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
  gap: 18px;
  align-items: end;
}
.coupon-panel h3{
  margin: 6px 0 6px;
  font-size: clamp(28px, 5vw, 42px);
}
.coupon-panel p{
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
}
.coupon-form{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.coupon-form input,
.coupon-admin-form input,
.coupon-admin-form select{
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  background: rgba(4,7,12,.72);
  color: #fff;
  padding: 0 14px;
  outline: none;
  font: inherit;
}
.coupon-form input:focus,
.coupon-admin-form input:focus,
.coupon-admin-form select:focus{
  border-color: rgba(59,130,246,.75);
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
.coupon-form button{
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.92);
  color: #05070b;
  font-family: inherit;
  letter-spacing: .08em;
  cursor: pointer;
}
.coupon-preview{
  grid-column: 1 / -1;
  padding: 11px 13px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.68);
  font-size: 14px;
}
.coupon-preview.success{
  border-color: rgba(16,185,129,.35);
  color: #8fffd2;
  background: rgba(16,185,129,.08);
}
.coupon-preview.error{
  border-color: rgba(244,63,94,.4);
  color: #ffb4c2;
  background: rgba(244,63,94,.08);
}
.coupon-admin-card .partner-name{
  letter-spacing: .08em;
}
@media (max-width: 760px){
  .coupon-panel{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .coupon-form{
    grid-template-columns: 1fr;
  }
}



.route-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.route-status{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:24px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1px;font-family:Inter,Arial,sans-serif;border:1px solid rgba(255,255,255,.12)}
.route-status.online{color:#35ff9f;background:rgba(32,255,142,.09);box-shadow:0 0 18px rgba(32,255,142,.08)}
.route-status.offline{color:#ff6077;background:rgba(255,53,84,.10);box-shadow:0 0 18px rgba(255,53,84,.08)}
.route-card.route-offline,.rota-item.rota-offline{opacity:.72;filter:saturate(.65)}
.route-card.route-offline .route-url,.rota-item.rota-offline .rota-path{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(255,96,119,.55)}
.action-btn.copy-btn{background:linear-gradient(180deg,rgba(39,151,255,.18),rgba(255,255,255,.05));border:1px solid rgba(39,151,255,.18);color:#eaf6ff}
.action-btn:disabled,.run.disabled,.copy.disabled{cursor:not-allowed!important;opacity:.55;filter:grayscale(1);box-shadow:none!important}
.empty-admin-state{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#aaa;text-align:center}
.route-editor-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.68);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}
.route-editor-overlay.show{display:flex}
.route-editor-box{width:min(520px,100%);background:#0f1014;border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.48)}
.route-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.route-editor-head h3{margin:0;font-size:34px;line-height:1;font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:1px;color:#fff}
.route-editor-head button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:24px}
.route-editor-box label{display:block;margin:10px 0 6px;color:#aab0b9;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:800}
.route-editor-box input,.route-editor-box select,#statusRota{width:100%;min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.35);color:#fff;padding:0 14px;outline:none;font-family:Inter,Arial,sans-serif}
.route-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.route-editor-actions button{min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);font-weight:900;letter-spacing:1px;text-transform:uppercase}
.route-editor-actions button:first-child{background:rgba(255,255,255,.06);color:#fff}
.route-editor-actions button:last-child{background:linear-gradient(135deg,#39d98a,#2f80ed);color:#020308}
.rota-header .route-status{margin-left:auto;flex:0 0 auto}
@media(max-width:560px){.route-status{min-width:62px;height:22px;font-size:10px}.route-editor-head h3{font-size:29px}.route-editor-actions{grid-template-columns:1fr}}




body.account-page .page.account-shell-page{
  max-width:1180px!important;
}
.account-pro-wrap{
  width:100%;
  display:grid;
  gap:16px;
  padding-bottom:34px;
}
.account-pro-hero,
.account-panel,
.account-metric-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    #0a0d13!important;
  box-shadow:0 16px 34px rgba(0,0,0,.32);
  border-radius:22px;
}
.account-pro-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:160px;
  padding:24px;
}

.account-profile-card{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.account-profile-copy{
  min-width:0;
}
.account-avatar-shell{
  position:relative;
  flex:0 0 96px;
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 25% 20%,rgba(255,255,255,.28),transparent 28%),
    linear-gradient(135deg,rgba(78,161,255,.42),rgba(25,212,139,.16)),
    #070b12;
  box-shadow:0 18px 36px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.07);
}
.account-avatar-shell::before{
  content:'';
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:1px solid rgba(78,161,255,.22);
  pointer-events:none;
}
.account-avatar-shell img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.02);
  transition:opacity .22s ease,transform .22s ease;
}
.account-avatar-shell.has-image img{
  opacity:1;
  transform:scale(1);
}
.account-avatar-shell span{
  position:relative;
  z-index:1;
  color:#fff;
  font-family:'Bebas Neue',sans-serif;
  font-size:42px;
  letter-spacing:1px;
  text-shadow:0 10px 25px rgba(0,0,0,.45);
  transition:opacity .2s ease;
}
.account-avatar-shell.has-image span{
  opacity:0;
}
.account-avatar-status{
  position:absolute;
  right:8px;
  bottom:8px;
  z-index:2;
  width:16px;
  height:16px;
  border-radius:999px;
  border:3px solid #0a0d13;
  background:#747d8d;
  box-shadow:0 0 0 4px rgba(255,255,255,.04);
}
.account-avatar-shell.avatar-active .account-avatar-status{background:#19d48b}
.account-avatar-shell.avatar-loading::after{
  content:'';
  position:absolute;
  inset:7px;
  border-radius:24px;
  border:1px dashed rgba(255,255,255,.20);
  animation:accountAvatarSpin 7s linear infinite;
}
@keyframes accountAvatarSpin{to{transform:rotate(360deg)}}
.account-provider-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin-top:12px;
}
.account-provider-row small{
  color:#8e97a7;
  font-size:12.5px;
  line-height:1.35;
}
.account-provider-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  color:#dbeafe;
  background:rgba(78,161,255,.10);
  font-family:'Bebas Neue',sans-serif;
  font-size:14px;
  letter-spacing:1.4px;
  white-space:nowrap;
}
.account-provider-badge.provider-google{color:#eaf4ff;background:linear-gradient(135deg,rgba(66,133,244,.25),rgba(52,168,83,.12));border-color:rgba(66,133,244,.28)}
.account-provider-badge.provider-discord{color:#eef1ff;background:rgba(88,101,242,.18);border-color:rgba(88,101,242,.30)}
.account-provider-badge.provider-github{color:#f8fafc;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.account-provider-badge.provider-email{color:#dbeafe;background:rgba(78,161,255,.10);border-color:rgba(78,161,255,.24)}

.account-pro-hero::before,
.account-panel::before,
.account-metric-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#4ea1ff,#19d48b);
  opacity:.9;
}
.account-kicker{
  display:block;
  margin-bottom:8px;
  color:#4ea1ff!important;
  font-family:'Bebas Neue',sans-serif;
  font-size:15px;
  letter-spacing:4px;
}
.account-pro-hero h2{
  max-width:100%;
  margin:0 0 8px!important;
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(20px,3.2vw,34px)!important;
  line-height:1.18!important;
  letter-spacing:-.4px!important;
  word-break:break-word;
  overflow-wrap:anywhere;
  text-shadow:none!important;
}
.account-pro-hero p,
.account-message{
  margin:0;
  color:#a7adba!important;
  font-size:14px;
  line-height:1.6;
  max-width:700px;
}
.account-pro-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.account-badge,
.mini-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#dce5f3;
  font-family:'Bebas Neue',sans-serif;
  font-size:15px;
  letter-spacing:1.5px;
  white-space:nowrap;
}
.account-badge.ok{color:#0a1610;background:rgba(25,212,139,.88);border-color:rgba(25,212,139,.3)}
.account-badge.off{color:#ffd6dc;background:rgba(255,78,102,.13);border-color:rgba(255,78,102,.25)}
.account-badge.owner{color:#07121f;background:linear-gradient(135deg,#fff,#b8d9ff);border-color:rgba(78,161,255,.4)}
.account-badge.admin{color:#07110d;background:rgba(25,212,139,.82)}
.account-badge.loading{color:#b8bfca}
.account-overview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.account-metric-card{
  padding:18px 18px 16px;
  min-width:0;
}
.account-metric-card span,
.account-detail-list span{
  display:block;
  color:#747d8d;
  font-family:'Bebas Neue',sans-serif;
  font-size:15px;
  letter-spacing:2.3px;
  margin-bottom:7px;
}
.account-metric-card strong{
  display:block;
  color:#fff;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(28px,4vw,42px);
  letter-spacing:1px;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-metric-card small{
  display:block;
  margin-top:8px;
  color:#9ba2af!important;
  font-size:12.5px;
  line-height:1.35;
}
.account-two-col{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:14px;
}
.account-panel{
  padding:20px;
  min-width:0;
}
.panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.panel-head h3{
  margin:0;
  color:#fff;
  font-family:'Bebas Neue',sans-serif;
  font-size:34px;
  letter-spacing:1.3px;
  line-height:1;
}
.sub-progress-box{
  display:grid;
  gap:9px;
  margin:10px 0 14px;
}
.sub-progress-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#cbd2df;
  font-size:13px;
}
.sub-progress-top b{color:#fff}
.sub-progress-line{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:#05070b;
}
.sub-progress-line i{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4ea1ff,#19d48b);
  transition:width .35s ease;
}
.account-actions-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.account-actions-row.compact{margin-top:16px}
.account-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:#0b0f17;
  color:#eef4ff!important;
  font-family:'Bebas Neue',sans-serif;
  font-size:17px;
  letter-spacing:1.3px;
  text-decoration:none!important;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.account-btn:hover{border-color:rgba(78,161,255,.34);background:#111827;transform:translateY(-1px)}
.account-btn.primary{color:#06111f!important;background:linear-gradient(135deg,#f7fbff,#a9d2ff);border-color:rgba(78,161,255,.32)}
.account-btn.admin{color:#06130f!important;background:linear-gradient(135deg,#eafff4,#7bf0b8);border-color:rgba(25,212,139,.34)}
.account-btn.danger{color:#fff!important;background:linear-gradient(135deg,#ff5d74,#d82d47);border-color:rgba(255,94,116,.35)}
.account-detail-list{
  display:grid;
  gap:10px;
}
.account-detail-list div{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#06080d;
}
.account-detail-list strong{
  display:block;
  color:#e9eef7;
  font-size:13px;
  line-height:1.35;
  word-break:break-word;
  overflow-wrap:anywhere;
}
body.account-inactive .metric-status::before,
body.account-inactive .subscription-panel::before{background:linear-gradient(180deg,#ff5d74,#4ea1ff)}
@media(max-width:980px){
  .account-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-two-col{grid-template-columns:1fr}
}
@media(max-width:640px){
  .account-pro-wrap{gap:12px}
  .account-pro-hero{grid-template-columns:1fr;padding:18px 16px;border-radius:18px;min-height:0}
  .account-profile-card{align-items:flex-start;gap:13px}
  .account-avatar-shell{flex-basis:74px;width:74px;height:74px;border-radius:22px}
  .account-avatar-shell span{font-size:32px}
  .account-provider-row{margin-top:9px}
  .account-pro-badges{justify-content:flex-start}
  .account-overview-grid{grid-template-columns:1fr 1fr;gap:10px}
  .account-metric-card{padding:14px 12px;border-radius:16px}
  .account-metric-card strong{font-size:30px;white-space:normal}
  .account-panel{padding:16px 14px;border-radius:18px}
  .panel-head h3{font-size:30px}
  .account-actions-row{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .account-actions-row.compact{grid-template-columns:1fr}
  .account-btn{width:100%;min-height:38px;font-size:16px;padding:9px 10px}
}
@media(max-width:390px){
  .account-overview-grid{grid-template-columns:1fr}
  .account-pro-hero h2{font-size:19px!important}
  .account-kicker{font-size:13px;letter-spacing:3px}
}


.bot-mode-panel{
  margin-top:18px;
  overflow:hidden;
}
.bot-mode-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.bot-info-card{
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  min-width:0;
}
.bot-info-card span{
  display:block;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.68;
  margin-bottom:6px;
}
.bot-info-card strong{
  display:block;
  font-size:14px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.mini-pill.bot-on,
.status-pill.on{
  background:rgba(34,197,94,.14)!important;
  color:#86efac!important;
  border-color:rgba(34,197,94,.32)!important;
}
.mini-pill.bot-off,
.status-pill.off{
  background:rgba(239,68,68,.12)!important;
  color:#fca5a5!important;
  border-color:rgba(239,68,68,.28)!important;
}
.user-info-item small{
  display:block;
  margin-top:5px;
  font-size:11px;
  opacity:.62;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .bot-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:430px){
  .bot-mode-grid{grid-template-columns:1fr;}
}


#copyBotKeyBtn,
#copyBotKeyBtn.account-btn,
#copyBotKeyBtn.account-btn.ghost{
  color:#07111f!important;
  background:linear-gradient(135deg,#ffffff,#d7e2f2)!important;
  border-color:rgba(78,161,255,.28)!important;
  text-shadow:none!important;
  opacity:1!important;
}

#copyBotKeyBtn:hover{
  color:#000!important;
  background:linear-gradient(135deg,#ffffff,#c7daf3)!important;
  border-color:rgba(78,161,255,.45)!important;
}

#copyBotKeyBtn:disabled,
#copyBotKeyBtn[disabled]{
  color:#111827!important;
  background:linear-gradient(135deg,#f2f4f8,#cfd7e3)!important;
  opacity:.72!important;
  cursor:not-allowed!important;
}



.account-token-detail{
  grid-column:1/-1;
}
.account-token-detail strong{
  padding:9px 10px;
  margin-top:6px;
  border-radius:10px;
  background:#02050a;
  border:1px solid rgba(78,161,255,.18);
  color:#eaf3ff!important;
  font-family:monospace!important;
  font-size:12px!important;
  letter-spacing:.2px!important;
  user-select:all;
}
.mini-copy-token{
  width:100%;
  min-height:36px;
  margin-top:9px;
  border:1px solid rgba(78,161,255,.25);
  border-radius:12px;
  background:linear-gradient(135deg,#ffffff,#cfe3ff);
  color:#06111f!important;
  font-family:'Bebas Neue',sans-serif;
  font-size:16px;
  letter-spacing:1.5px;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,filter .15s ease;
}
.mini-copy-token:hover{
  transform:translateY(-1px);
  border-color:rgba(78,161,255,.45);
  filter:brightness(1.03);
}


.users-admin-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}

.users-admin-head h4{
  margin-bottom:4px!important;
}

.users-admin-head p{
  margin:0!important;
  color:var(--pro-muted)!important;
  font-size:13px!important;
}

.user-search-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(96,165,250,.28)!important;
  background:linear-gradient(180deg,rgba(78,161,255,.18),rgba(11,16,24,.95))!important;
  color:#dbeafe!important;
  box-shadow:0 10px 22px rgba(78,161,255,.10)!important;
}

.user-search-box{
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;
}

.user-search-field{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#080b11!important;
}

.user-search-field span{
  color:#93c5fd!important;
}

.user-search-field input{
  width:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font:600 14px Inter,sans-serif!important;
}

.user-search-field input::placeholder{
  color:rgba(255,255,255,.45)!important;
}

.users-search-hint{
  margin:0 0 14px!important;
  padding:11px 13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.04)!important;
  color:#dbeafe!important;
  font-weight:700!important;
  font-size:13px!important;
}

.users-search-hint.error{
  border-color:rgba(255,90,104,.34)!important;
  color:#fecdd3!important;
  background:rgba(255,90,104,.09)!important;
}

.users-search-hint.success{
  border-color:rgba(25,212,139,.32)!important;
  color:#bbf7d0!important;
  background:rgba(25,212,139,.08)!important;
}

.user-muted{
  margin-top:8px!important;
  color:var(--pro-muted)!important;
  font-size:13px!important;
}

@media(max-width:720px){
  .users-admin-head{
    align-items:flex-start!important;
  }
  .user-search-box{
    grid-template-columns:1fr!important;
  }
  .user-search-box .action-btn{
    width:100%!important;
  }
}





@media(min-width:901px){
  #menuBtn,
  .topbar #menuBtn,
  button#menuBtn.menu.box{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  #overlay,
  #overlay.show{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.menu-open{
    overflow:auto!important;
  }

  #sidebar{
    left:0!important;
    transform:none!important;
  }

  .topbar{
    left:300px!important;
    width:calc(100% - 300px)!important;
  }

  .topbar h1{
    text-align:left!important;
    max-width:none!important;
  }

  body.account-page .page.account-shell-page{
    width:calc(100% - 300px)!important;
    max-width:none!important;
    padding:116px clamp(24px,3vw,44px) 44px!important;
  }

  body.account-page .account-pro-wrap{
    max-width:1280px!important;
    margin:0 auto!important;
    gap:20px!important;
  }

  body.account-page .account-pro-hero{
    min-height:190px!important;
    padding:30px 32px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    background:
      radial-gradient(circle at 8% 18%,rgba(78,161,255,.18),transparent 34%),
      radial-gradient(circle at 94% 14%,rgba(25,212,139,.10),transparent 28%),
      linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.018)),
      #0a0d13!important;
  }

  body.account-page .account-pro-hero h2{
    font-size:clamp(28px,2.4vw,42px)!important;
    max-width:850px!important;
  }

  body.account-page .account-pro-hero p{
    font-size:15px!important;
    max-width:760px!important;
  }

  body.account-page .account-overview-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }

  body.account-page .account-metric-card{
    min-height:132px!important;
    padding:22px 22px 18px!important;
  }

  body.account-page .account-metric-card strong{
    font-size:clamp(34px,2.9vw,52px)!important;
  }

  body.account-page .account-two-col{
    grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  body.account-page .account-panel{
    padding:24px!important;
  }

  body.account-page .subscription-panel{
    min-height:310px!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.account-page .subscription-panel .account-message{
    font-size:15px!important;
  }

  body.account-page .subscription-panel .account-actions-row{
    margin-top:auto!important;
    padding-top:22px!important;
  }

  body.account-page .details-panel .account-detail-list{
    gap:12px!important;
  }

  body.account-page .details-panel .account-detail-list div{
    padding:14px!important;
  }

  body.account-page .account-token-detail{
    grid-column:1/-1!important;
  }

  body.account-page .bot-mode-panel{
    margin-top:0!important;
  }

  body.account-page .bot-mode-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  #menuBtn,
  .topbar #menuBtn,
  button#menuBtn.menu.box{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .topbar{
    left:0!important;
    width:100%!important;
  }
}





body.auth-page #mainBtn,
body.auth-page .login-form > button:not(.btn-ghost):not(.forgot-link){
  background:linear-gradient(180deg,#56adff,#2979d9)!important;
  color:#ffffff!important;
  border:1px solid rgba(78,161,255,.52)!important;
  box-shadow:0 14px 30px rgba(78,161,255,.20)!important;
}

body.auth-page #mainBtn:hover,
body.auth-page .login-form > button:not(.btn-ghost):not(.forgot-link):hover{
  border-color:rgba(147,197,253,.78)!important;
  box-shadow:0 18px 34px rgba(78,161,255,.28)!important;
}

body.auth-page .forgot-link{
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:2px auto 0!important;
  padding:3px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#93c5fd!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

body.auth-page .forgot-link:hover{
  color:#bfdbfe!important;
  text-decoration:underline!important;
  transform:none!important;
  box-shadow:none!important;
}

body.auth-page .btn-ghost{
  box-shadow:none!important;
}





@media(min-width:901px){
  body.account-page .account-two-col{
    align-items:start!important;
  }

  body.account-page .account-panel{
    height:auto!important;
  }

  body.account-page .subscription-panel{
    min-height:0!important;
    display:block!important;
  }

  body.account-page .subscription-panel .account-actions-row{
    margin-top:18px!important;
    padding-top:0!important;
  }

  body.account-page .details-panel{
    align-self:start!important;
  }
}





@media(min-width:901px){
  body.account-page .details-panel{
    display:flex!important;
    flex-direction:column!important;
  }

  body.account-page .details-panel .account-detail-list{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    height:100%!important;
  }

  body.account-page .details-panel .account-token-detail{
    margin-top:auto!important;
  }
}





@media(min-width:901px){
  body.account-page .account-two-col{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }

  body.account-page .details-panel{
    max-width:none!important;
    width:100%!important;
  }

  body.account-page .details-panel .account-detail-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    height:auto!important;
  }

  body.account-page .details-panel .account-detail-list div{
    padding:16px!important;
  }

  body.account-page .details-panel .account-detail-list strong{
    font-size:15px!important;
    line-height:1.45!important;
  }

  body.account-page .details-panel .account-token-detail{
    grid-column:1/-1!important;
    margin-top:2px!important;
  }
}



body.auth-page .auth-note{
  text-align:center!important;
  color:rgba(255,255,255,.48)!important;
  font-size:12px!important;
  letter-spacing:.4px!important;
  margin-top:16px!important;
}



body.auth-page .auth-separator{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:2px 0!important;
  color:rgba(255,255,255,.48)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:1.2px!important;
}

body.auth-page .auth-separator::before,
body.auth-page .auth-separator::after{
  content:'';
  height:1px;
  flex:1;
  background:rgba(255,255,255,.10);
}

body.auth-page .google-login-btn{
  min-height:44px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:11px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(78,161,255,.28)!important;
  background:linear-gradient(180deg,#ffffff,#e8f1ff)!important;
  color:#08111f!important;
  font-family:'Bebas Neue',sans-serif!important;
  font-size:20px!important;
  letter-spacing:1.4px!important;
  text-decoration:none!important;
  box-shadow:0 12px 26px rgba(78,161,255,.12)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

body.auth-page .google-login-btn:hover{
  border-color:rgba(78,161,255,.55)!important;
  box-shadow:0 16px 32px rgba(78,161,255,.20)!important;
  transform:translateY(-1px)!important;
}

body.auth-page .google-g{
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#2563eb!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;
}



body.auth-page .auth-social-label{
  margin:12px 0 4px!important;
}

body.auth-page .auth-social-label span{
  color:rgba(255,255,255,.48)!important;
  font-size:11px!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
}

body.auth-page .auth-social-icons{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:4px 0 8px!important;
}

body.auth-page .auth-social-circle{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  box-shadow:0 12px 26px rgba(0,0,0,.28)!important;
  text-decoration:none!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}

body.auth-page .auth-social-circle:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(78,161,255,.44)!important;
  box-shadow:0 16px 34px rgba(78,161,255,.16)!important;
}

body.auth-page .auth-social-circle svg{
  width:23px!important;
  height:23px!important;
  display:block!important;
}

body.auth-page .auth-social-circle.google{
  background:#ffffff!important;
}

body.auth-page .auth-social-circle.google svg{
  width:25px!important;
  height:25px!important;
}

body.auth-page .auth-social-circle.discord{
  color:#ffffff!important;
  background:linear-gradient(180deg,#7289da,#5865f2)!important;
  border-color:rgba(114,137,218,.55)!important;
}

body.auth-page .google-login-btn{
  display:none!important;
}



body.auth-page .auth-social-circle.discord i.fa-discord{
  font-size:24px!important;
  line-height:1!important;
  color:#fff!important;
}

body.auth-page .auth-social-circle.discord svg{
  display:none!important;
}



body.auth-page .auth-social-circle.github{
  color:#ffffff!important;
  background:linear-gradient(180deg,#2b3137,#0d1117)!important;
  border-color:rgba(255,255,255,.18)!important;
}

body.auth-page .auth-social-circle.github i.fa-github{
  font-size:25px!important;
  line-height:1!important;
  color:#fff!important;
}




.account-name-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
}
.account-name-line h2{
  margin-bottom:4px!important;
  min-width:0!important;
}
.css-pencil-btn{
  position:relative!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(96,165,250,.30)!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(180deg,rgba(37,99,235,.24),rgba(10,14,22,.92))!important;
  box-shadow:0 14px 26px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.035) inset!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.css-pencil-btn::before{
  content:''!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 48%)!important;
  opacity:.8!important;
  pointer-events:none!important;
}
.css-pencil-btn::after{
  content:''!important;
  position:absolute!important;
  inset:auto 9px 8px auto!important;
  width:11px!important;
  height:2px!important;
  border-radius:99px!important;
  background:rgba(96,165,250,.55)!important;
  transform:rotate(-12deg)!important;
  box-shadow:0 0 14px rgba(96,165,250,.35)!important;
}
.css-pencil-btn:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(147,197,253,.65)!important;
  box-shadow:0 18px 34px rgba(37,99,235,.20),0 0 0 1px rgba(255,255,255,.06) inset!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 30%),
    linear-gradient(180deg,rgba(59,130,246,.34),rgba(10,14,22,.94))!important;
}
.css-pencil-icon{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:21px!important;
  height:21px!important;
  transform:rotate(-42deg)!important;
}
.css-pencil-icon::before{
  content:''!important;
  position:absolute!important;
  left:3px!important;
  top:8px!important;
  width:15px!important;
  height:5px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#f8fafc 0 58%,#60a5fa 58% 82%,#1d4ed8 82% 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 8px 16px rgba(37,99,235,.22)!important;
}
.css-pencil-icon::after{
  content:''!important;
  position:absolute!important;
  left:-2px!important;
  top:7px!important;
  width:0!important;
  height:0!important;
  border-top:3.5px solid transparent!important;
  border-bottom:3.5px solid transparent!important;
  border-right:7px solid #f8fafc!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.22))!important;
}
.profile-editor-overlay,
.admin-profile-editor-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(13px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .22s ease!important;
}
.profile-editor-overlay.show,
.admin-profile-editor-overlay.show{
  opacity:1!important;
  pointer-events:auto!important;
}
.profile-editor-panel,
.admin-profile-editor-panel{
  width:min(100%,430px)!important;
  border-radius:24px!important;
  padding:20px!important;
  border:1px solid rgba(96,165,250,.16)!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(78,161,255,.20),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.020)),
    #080c13!important;
  box-shadow:0 30px 80px rgba(0,0,0,.62)!important;
  transform:translateY(12px) scale(.98)!important;
  transition:transform .22s ease!important;
}
.profile-editor-overlay.show .profile-editor-panel,
.admin-profile-editor-overlay.show .admin-profile-editor-panel{
  transform:translateY(0) scale(1)!important;
}
.profile-editor-head,
.admin-profile-editor-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:12px!important;
}
.profile-editor-head h3,
.admin-profile-editor-head h3{
  margin:0!important;
  color:#fff!important;
  font-family:'Bebas Neue',sans-serif!important;
  font-size:34px!important;
  letter-spacing:1.2px!important;
  line-height:1!important;
}
.profile-editor-close,
.admin-profile-editor-close{
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#05070d!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 12px 24px rgba(0,0,0,.28)!important;
}
.profile-editor-text,
.admin-profile-editor-panel p{
  margin:0 0 14px!important;
  color:#b8bfcc!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
.profile-editor-label,
.admin-profile-editor-panel label{
  display:block!important;
  margin:12px 0 7px!important;
  color:#8ab9ff!important;
  font-family:'Bebas Neue',sans-serif!important;
  font-size:15px!important;
  letter-spacing:2px!important;
}
.profile-editor-input,
.admin-profile-editor-panel input{
  width:100%!important;
  min-height:50px!important;
  border-radius:15px!important;
  border:1px solid rgba(96,165,250,.22)!important;
  outline:0!important;
  background:#05080f!important;
  color:#f8fbff!important;
  caret-color:#60a5fa!important;
  padding:0 14px!important;
  font:800 14px Inter,Arial,sans-serif!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.profile-editor-input::selection,
.admin-profile-editor-panel input::selection{
  background:rgba(96,165,250,.36)!important;
  color:#fff!important;
}
.admin-profile-editor-panel input:disabled{
  opacity:.62!important;
  cursor:not-allowed!important;
}
.profile-editor-input:focus,
.admin-profile-editor-panel input:focus{
  border-color:rgba(96,165,250,.62)!important;
  box-shadow:0 0 0 4px rgba(78,161,255,.12),inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.profile-editor-hint,
.admin-profile-editor-panel small{
  display:block!important;
  margin-top:9px!important;
  color:#98a3b5!important;
  font-size:12.5px!important;
  line-height:1.4!important;
}
.profile-editor-actions,
.admin-profile-editor-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:16px!important;
}
.profile-editor-actions .account-btn,
.admin-profile-editor-actions .action-btn{
  width:100%!important;
  min-height:44px!important;
  border-radius:14px!important;
  text-shadow:none!important;
}
.profile-editor-actions #cancelProfileNameEditor.account-btn,
.profile-editor-actions #cancelProfileNameEditor.account-btn.ghost,
.admin-profile-editor-actions .admin-profile-cancel.action-btn{
  color:#eaf2ff!important;
  background:linear-gradient(180deg,#121826,#070b13)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.24)!important;
}
.profile-editor-actions #cancelProfileNameEditor.account-btn:hover,
.admin-profile-editor-actions .admin-profile-cancel.action-btn:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#172033,#090d16)!important;
  border-color:rgba(96,165,250,.34)!important;
}
.profile-editor-actions #saveProfileNameBtn.account-btn.primary,
.admin-profile-editor-actions .admin-profile-save.action-btn.primary{
  color:#fff!important;
  background:linear-gradient(135deg,#2563eb,#4ea1ff)!important;
  border-color:rgba(147,197,253,.38)!important;
  box-shadow:0 14px 28px rgba(37,99,235,.25)!important;
}
.profile-editor-actions #saveProfileNameBtn.account-btn.primary:hover,
.admin-profile-editor-actions .admin-profile-save.action-btn.primary:hover{
  background:linear-gradient(135deg,#1d4ed8,#60a5fa)!important;
}
.user-profile-mini{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.user-profile-copy{
  min-width:0!important;
}
.user-display-name{
  color:#fff!important;
  font:800 15px/1.25 Inter,Arial,sans-serif!important;
  margin-bottom:3px!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.user-mini-avatar{
  position:relative!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(78,161,255,.24)!important;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.28),transparent 30%),
    linear-gradient(135deg,rgba(78,161,255,.34),rgba(25,212,139,.13)),
    #070b12!important;
  box-shadow:0 12px 24px rgba(0,0,0,.26)!important;
}
.user-mini-avatar img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:0!important;
}
.user-mini-avatar.has-img img{opacity:1!important}
.user-mini-avatar span{
  position:relative!important;
  z-index:1!important;
  color:#fff!important;
  font-family:'Bebas Neue',sans-serif!important;
  font-size:20px!important;
  letter-spacing:1px!important;
}
.user-mini-avatar.has-img span{opacity:0!important}
@media(max-width:560px){
  .account-name-line{align-items:flex-start!important}
  .css-pencil-btn{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:14px!important}
  .css-pencil-icon{transform:rotate(-42deg) scale(.88)!important}
  .profile-editor-actions,
  .admin-profile-editor-actions{grid-template-columns:1fr!important}
  .user-head{align-items:flex-start!important}
  .user-mini-avatar{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:14px!important}
  .user-display-name{font-size:14px!important}
}









.account-name-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
}
.account-name-line h2{margin-bottom:4px!important;min-width:0!important}
.css-role-icon{
  --role-size:42px;
  position:relative!important;
  flex:0 0 var(--role-size)!important;
  width:var(--role-size)!important;
  height:var(--role-size)!important;
  display:inline-grid!important;
  place-items:center!important;
  isolation:isolate!important;
  overflow:hidden!important;
  vertical-align:middle!important;
  transform:translateZ(0)!important;
}
.css-role-icon.role-mini{--role-size:26px;flex-basis:var(--role-size)!important}
.css-role-icon.role-pill-icon{--role-size:20px;flex-basis:var(--role-size)!important;margin-right:5px!important}
.css-role-icon .role-shine{
  position:absolute!important;
  z-index:5!important;
  inset:-35% auto -35% -75%!important;
  width:45%!important;
  transform:skewX(-20deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent)!important;
  mix-blend-mode:screen!important;
  opacity:.0!important;
  pointer-events:none!important;
  animation:roleIconShine 2.35s ease-in-out infinite!important;
}
@keyframes roleIconShine{
  0%,28%{left:-80%;opacity:0}
  42%{opacity:.85}
  62%{left:135%;opacity:0}
  100%{left:135%;opacity:0}
}
.css-role-icon.role-owner{
  border-radius:0!important;
  clip-path:polygon(50% 2%,88% 22%,88% 72%,50% 98%,12% 72%,12% 22%)!important;
  background:linear-gradient(180deg,#fff92e 0%,#ffd230 39%,#ff8b18 100%)!important;
  filter:drop-shadow(0 10px 18px rgba(255,142,22,.24)) drop-shadow(0 0 14px rgba(255,221,38,.22))!important;
  box-shadow:none!important;
}
.css-role-icon.role-owner::before{
  content:''!important;
  position:absolute!important;
  z-index:1!important;
  inset:5px!important;
  clip-path:polygon(50% 3%,87% 23%,87% 71%,50% 96%,13% 71%,13% 23%)!important;
  background:
    radial-gradient(circle at 50% 16%,rgba(255,210,80,.24),transparent 42%),
    linear-gradient(180deg,#9f170c 0%,#741008 46%,#2b0907 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -10px 20px rgba(0,0,0,.22)!important;
}
.css-role-icon.role-owner::after{
  content:'V'!important;
  position:relative!important;
  z-index:3!important;
  font-family:Arial Black,Impact,'Bebas Neue',sans-serif!important;
  font-size:calc(var(--role-size) * .66)!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.08em!important;
  transform:translateY(1px) scaleX(1.05)!important;
  color:#ffe51f!important;
  background:linear-gradient(180deg,#ffff3d 0%,#ffef28 48%,#ff8b19 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 1px 0 rgba(255,255,255,.14),0 5px 9px rgba(0,0,0,.34)!important;
  filter:drop-shadow(0 0 3px rgba(255,242,44,.26))!important;
}
.css-role-icon.role-owner .role-shine{
  clip-path:polygon(50% 2%,88% 22%,88% 72%,50% 98%,12% 72%,12% 22%)!important;
}
.css-role-icon.role-admin{
  border-radius:0!important;
  clip-path:polygon(50% 3%,86% 17%,80% 77%,50% 98%,20% 77%,14% 17%)!important;
  background:linear-gradient(180deg,#75d9ff,#2468ff 52%,#09235f)!important;
  filter:drop-shadow(0 10px 18px rgba(36,104,255,.24)) drop-shadow(0 0 14px rgba(117,217,255,.16))!important;
}
.css-role-icon.role-admin::before{
  content:''!important;
  position:absolute!important;
  z-index:1!important;
  inset:5px!important;
  clip-path:polygon(50% 4%,84% 19%,78% 75%,50% 95%,22% 75%,16% 19%)!important;
  background:linear-gradient(180deg,#0e2447,#061225 70%,#020611)!important;
  box-shadow:inset 0 0 18px rgba(96,165,250,.22)!important;
}
.css-role-icon.role-admin::after{
  content:'A'!important;
  position:relative!important;
  z-index:3!important;
  color:#bfe9ff!important;
  font-family:Arial Black,Impact,'Bebas Neue',sans-serif!important;
  font-size:calc(var(--role-size) * .55)!important;
  font-weight:950!important;
  text-shadow:0 0 10px rgba(96,165,250,.5),0 4px 8px rgba(0,0,0,.42)!important;
}
.css-role-icon.role-user{
  border-radius:999px!important;
  background:linear-gradient(180deg,#e8f2ff,#8fb5ff 47%,#2b5dbb 100%)!important;
  box-shadow:0 10px 18px rgba(78,161,255,.20),0 0 14px rgba(255,255,255,.10)!important;
}
.css-role-icon.role-user::before{
  content:''!important;
  position:absolute!important;
  z-index:1!important;
  inset:5px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,#0e1627,#050914)!important;
  box-shadow:inset 0 0 16px rgba(143,181,255,.20)!important;
}
.css-role-icon.role-user::after{
  content:''!important;
  position:relative!important;
  z-index:3!important;
  width:42%!important;
  height:42%!important;
  border-radius:999px 999px 48% 48%!important;
  background:linear-gradient(180deg,#f7fbff,#87b7ff)!important;
  box-shadow:0 calc(var(--role-size) * .22) 0 calc(var(--role-size) * .12) #87b7ff,0 0 12px rgba(135,183,255,.30)!important;
  transform:translateY(calc(var(--role-size) * -.11))!important;
}
.css-role-icon.role-hutao{
  border-radius:16px!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.28),transparent 24%),
    linear-gradient(135deg,#a78bfa,#4ea1ff 48%,#121826)!important;
  box-shadow:0 10px 18px rgba(167,139,250,.20),0 0 14px rgba(78,161,255,.14)!important;
}
.css-role-icon.role-hutao::before{
  content:'🧠'!important;
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(.78)!important;
  font-size:calc(var(--role-size) * .72)!important;
  line-height:1!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.34))!important;
}
.css-role-icon.role-hutao::after{
  content:''!important;
  position:absolute!important;
  z-index:4!important;
  right:calc(var(--role-size) * .02)!important;
  top:calc(var(--role-size) * .02)!important;
  width:calc(var(--role-size) * .48)!important;
  height:calc(var(--role-size) * .48)!important;
  border-radius:999px!important;
  border:calc(var(--role-size) * .065) solid #ff334d!important;
  background:linear-gradient(45deg,transparent 42%,#ff334d 42% 58%,transparent 58%)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.28),0 0 14px rgba(255,51,77,.36)!important;
}
.css-role-icon.role-hutao .role-shine{border-radius:16px!important}
.role-badge{
  gap:7px!important;
  position:relative!important;
  overflow:hidden!important;
}
.account-badge.owner,
.account-badge.role-badge.owner{
  color:#271105!important;
  background:linear-gradient(180deg,#fff02d,#ffb026)!important;
  border-color:rgba(255,211,48,.55)!important;
}
.account-badge.admin,
.account-badge.role-badge.admin{
  color:#e8f7ff!important;
  background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(14,35,71,.95))!important;
  border-color:rgba(117,217,255,.38)!important;
}
.account-badge.role-badge.hutao{
  color:#f1edff!important;
  background:linear-gradient(135deg,rgba(124,58,237,.88),rgba(17,24,39,.94))!important;
  border-color:rgba(167,139,250,.38)!important;
}
.account-badge.role-badge.user,
.account-badge.role-badge.neutral{
  color:#dce8ff!important;
  background:rgba(96,165,250,.10)!important;
  border-color:rgba(96,165,250,.18)!important;
}
.user-display-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.user-display-line .user-display-name{min-width:0!important}
.user-role-pill{
  position:relative!important;
  overflow:hidden!important;
  padding-left:8px!important;
}
.role-pill.owner{
  color:#2a1304!important;
  background:linear-gradient(180deg,#fff02d,#ffae26)!important;
  border-color:rgba(255,211,48,.52)!important;
}
.role-pill.admin{
  color:#eff8ff!important;
  background:linear-gradient(135deg,#2468ff,#0e2447)!important;
  border-color:rgba(117,217,255,.42)!important;
}
.role-pill.hutao{
  color:#f1edff!important;
  background:linear-gradient(135deg,#7c3aed,#111827)!important;
  border-color:rgba(167,139,250,.40)!important;
}
.role-pill.user{
  color:#dce8ff!important;
  background:rgba(96,165,250,.10)!important;
  border-color:rgba(96,165,250,.18)!important;
}
@media(max-width:560px){
  .css-role-icon{--role-size:36px}
  .css-role-icon.role-mini{--role-size:24px}
  .css-role-icon.role-pill-icon{--role-size:18px}
  .account-name-line{gap:8px!important;align-items:center!important}
}





.css-role-icon{
  --role-size:42px;
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 var(--role-size)!important;
  width:var(--role-size)!important;
  height:var(--role-size)!important;
  min-width:var(--role-size)!important;
  min-height:var(--role-size)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  vertical-align:middle!important;
  transform:translateZ(0)!important;
}
.css-role-icon.role-mini{
  --role-size:28px!important;
  flex-basis:var(--role-size)!important;
}
.css-role-icon.role-pill-icon{
  --role-size:21px!important;
  flex-basis:var(--role-size)!important;
  margin-right:5px!important;
}
.css-role-icon .role-shine{
  position:absolute!important;
  z-index:20!important;
  top:-45%!important;
  bottom:-45%!important;
  left:-90%!important;
  width:42%!important;
  transform:skewX(-22deg)!important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.20) 18%,rgba(255,255,255,.92) 48%,rgba(255,255,255,.24) 75%,transparent 100%)!important;
  filter:blur(.15px)!important;
  opacity:0!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
  animation:roleIconShine 2.35s ease-in-out infinite!important;
}
@keyframes roleIconShine{
  0%,24%{left:-90%;opacity:0}
  38%{opacity:.92}
  58%{left:142%;opacity:.18}
  100%{left:142%;opacity:0}
}


.css-role-icon.role-owner{
  border-radius:0!important;
  clip-path:polygon(50% 0%,91% 21%,91% 72%,50% 100%,9% 72%,9% 21%)!important;
  background:
    linear-gradient(180deg,#fff835 0%,#ffe02b 34%,#ffb226 66%,#ff8218 100%)!important;
  filter:drop-shadow(0 7px 10px rgba(255,141,24,.28)) drop-shadow(0 0 10px rgba(255,240,45,.20))!important;
  box-shadow:none!important;
}
.css-role-icon.role-owner::before{
  content:''!important;
  position:absolute!important;
  z-index:1!important;
  inset:12.5%!important;
  clip-path:polygon(50% 0%,91% 21%,91% 72%,50% 100%,9% 72%,9% 21%)!important;
  background:
    radial-gradient(circle at 50% 13%,rgba(255,215,92,.22),transparent 40%),
    linear-gradient(180deg,#8f160b 0%,#751007 48%,#2a0605 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -9px 16px rgba(0,0,0,.28)!important;
}
.css-role-icon.role-owner::after{
  content:'V'!important;
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  text-align:center!important;
  transform:translate(-50%,-48%) scaleX(.92)!important;
  margin:0!important;
  padding:0!important;
  font-family:Impact,'Arial Black','Bebas Neue',Arial,sans-serif!important;
  font-size:calc(var(--role-size) * .67)!important;
  font-weight:900!important;
  line-height:.82!important;
  letter-spacing:0!important;
  color:#ffe62a!important;
  background:linear-gradient(180deg,#ffff3a 0%,#fff024 48%,#ff951b 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 1px 0 rgba(255,255,255,.10),0 4px 6px rgba(0,0,0,.40)!important;
  filter:drop-shadow(0 0 2px rgba(255,241,36,.30))!important;
}
.css-role-icon.role-owner .role-shine{
  clip-path:polygon(50% 0%,91% 21%,91% 72%,50% 100%,9% 72%,9% 21%)!important;
}


.css-role-icon.role-admin{
  border-radius:0!important;
  clip-path:polygon(50% 1%,88% 17%,82% 73%,50% 100%,18% 73%,12% 17%)!important;
  background:linear-gradient(180deg,#b6efff 0%,#4ea1ff 36%,#2563eb 70%,#081d5a 100%)!important;
  filter:drop-shadow(0 8px 12px rgba(37,99,235,.28)) drop-shadow(0 0 12px rgba(117,217,255,.18))!important;
}
.css-role-icon.role-admin::before{
  content:''!important;
  position:absolute!important;
  z-index:1!important;
  inset:13%!important;
  clip-path:polygon(50% 2%,88% 18%,81% 72%,50% 98%,19% 72%,12% 18%)!important;
  background:
    radial-gradient(circle at 50% 14%,rgba(125,211,252,.24),transparent 42%),
    linear-gradient(180deg,#102a54 0%,#07172f 68%,#020713 100%)!important;
  box-shadow:inset 0 0 15px rgba(96,165,250,.24),inset 0 -8px 14px rgba(0,0,0,.28)!important;
}
.css-role-icon.role-admin::after{
  content:'A'!important;
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-48%) scaleX(.95)!important;
  font-family:Impact,'Arial Black','Bebas Neue',Arial,sans-serif!important;
  font-size:calc(var(--role-size) * .55)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:#dff6ff!important;
  text-shadow:0 0 9px rgba(125,211,252,.55),0 4px 7px rgba(0,0,0,.42)!important;
}
.css-role-icon.role-admin .role-shine{
  clip-path:polygon(50% 1%,88% 17%,82% 73%,50% 100%,18% 73%,12% 17%)!important;
}


.css-role-icon.role-user{
  border-radius:999px!important;
  background:linear-gradient(180deg,#eef7ff 0%,#a7c8ff 38%,#4f86ec 72%,#183d88 100%)!important;
  box-shadow:0 8px 14px rgba(78,161,255,.20),0 0 12px rgba(167,200,255,.16)!important;
}
.css-role-icon.role-user::before{
  content:''!important;
  position:absolute!important;
  z-index:1!important;
  inset:13%!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 50% 31%,#eff7ff 0 18%,transparent 19%),
    radial-gradient(ellipse at 50% 76%,#eff7ff 0 33%,transparent 34%),
    linear-gradient(180deg,#12213b 0%,#06101f 100%)!important;
  box-shadow:inset 0 0 15px rgba(96,165,250,.24),inset 0 -8px 15px rgba(0,0,0,.25)!important;
}
.css-role-icon.role-user::after{
  content:''!important;
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:50%!important;
  width:54%!important;
  height:58%!important;
  transform:translate(-50%,-43%)!important;
  background:
    radial-gradient(circle at 50% 22%,#f7fbff 0 22%,transparent 23%),
    radial-gradient(ellipse at 50% 82%,#8fc2ff 0 42%,transparent 43%)!important;
  filter:drop-shadow(0 0 8px rgba(143,194,255,.28))!important;
}
.css-role-icon.role-user .role-shine{border-radius:999px!important}


.css-role-icon.role-hutao{
  border-radius:16px!important;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.23),transparent 25%),
    linear-gradient(135deg,#a855f7 0%,#4ea1ff 48%,#111827 100%)!important;
  box-shadow:0 8px 14px rgba(168,85,247,.20),0 0 12px rgba(78,161,255,.16)!important;
}
.css-role-icon.role-hutao::before{
  content:'🧠'!important;
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) scale(.82)!important;
  font-size:calc(var(--role-size) * .72)!important;
  line-height:1!important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.38))!important;
}
.css-role-icon.role-hutao::after{
  content:''!important;
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  top:50%!important;
  width:calc(var(--role-size) * .62)!important;
  height:calc(var(--role-size) * .62)!important;
  border-radius:999px!important;
  border:calc(var(--role-size) * .068) solid #ff304b!important;
  background:linear-gradient(45deg,transparent 42%,#ff304b 42% 58%,transparent 58%)!important;
  transform:translate(-50%,-50%) rotate(-7deg)!important;
  box-shadow:0 0 0 calc(var(--role-size) * .035) rgba(0,0,0,.42),0 0 12px rgba(255,48,75,.42)!important;
}
.css-role-icon.role-hutao .role-shine{border-radius:16px!important}

.user-display-line{
  align-items:center!important;
  gap:8px!important;
}
.user-display-line .css-role-icon.role-mini{
  margin-left:1px!important;
  transform:translateY(-1px)!important;
}
.role-badge .css-role-icon.role-pill-icon,
.user-role-pill .css-role-icon.role-pill-icon{
  transform:translateY(-.5px)!important;
}
@media(max-width:560px){
  .css-role-icon{--role-size:38px!important}
  .css-role-icon.role-mini{--role-size:26px!important}
  .css-role-icon.role-pill-icon{--role-size:20px!important}
}




.account-name-line{
  gap:9px!important;
}
.css-pencil-btn{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  border:1px solid rgba(78,161,255,.30)!important;
  background:
    radial-gradient(circle at 24% 18%,rgba(255,255,255,.18),transparent 31%),
    linear-gradient(180deg,rgba(27,39,59,.98),rgba(6,10,18,.98))!important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 18px rgba(78,161,255,.10)!important;
}
.css-pencil-btn::before{
  inset:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(135deg,rgba(78,161,255,.28),transparent 34%,transparent 66%,rgba(24,211,143,.12)),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 52%)!important;
  opacity:1!important;
}
.css-pencil-btn::after{
  content:''!important;
  position:absolute!important;
  left:9px!important;
  right:9px!important;
  bottom:8px!important;
  width:auto!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(78,161,255,.75),transparent)!important;
  transform:none!important;
  box-shadow:0 0 12px rgba(78,161,255,.36)!important;
}
.css-pencil-btn:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(110,190,255,.62)!important;
  background:
    radial-gradient(circle at 24% 18%,rgba(255,255,255,.24),transparent 31%),
    linear-gradient(180deg,rgba(35,55,82,.98),rgba(7,13,24,.98))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 22px rgba(78,161,255,.20)!important;
}
.css-pencil-icon{
  width:22px!important;
  height:22px!important;
  transform:none!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.25))!important;
}
.css-pencil-icon::before{
  content:''!important;
  position:absolute!important;
  left:4px!important;
  top:9px!important;
  width:16px!important;
  height:5px!important;
  border-radius:999px!important;
  transform:rotate(-38deg)!important;
  transform-origin:center!important;
  background:
    linear-gradient(90deg,#eaf6ff 0 18%,#77c7ff 18% 58%,#2f80ed 58% 82%,#0b2b63 82% 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 0 10px rgba(78,161,255,.36)!important;
}
.css-pencil-icon::after{
  content:''!important;
  position:absolute!important;
  left:2px!important;
  top:11px!important;
  width:7px!important;
  height:7px!important;
  transform:rotate(-38deg)!important;
  transform-origin:center!important;
  clip-path:polygon(0 50%,100% 0,100% 100%)!important;
  border:0!important;
  background:linear-gradient(90deg,#fff6d7,#ffbf4d 62%,#5b2a05 63% 100%)!important;
  filter:drop-shadow(0 0 5px rgba(255,200,80,.25))!important;
}
@media(max-width:560px){
  .css-pencil-btn{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:14px!important}
  .css-pencil-icon{transform:scale(.92)!important}
}


.css-role-icon.role-owner{
  border-radius:0!important;
  clip-path:polygon(50% 0%,92% 23%,92% 71%,50% 100%,8% 71%,8% 23%)!important;
  background:
    linear-gradient(180deg,#ffff2e 0%,#fff12b 21%,#ffc329 54%,#ff8b17 100%)!important;
  filter:drop-shadow(0 7px 10px rgba(255,139,23,.34)) drop-shadow(0 0 10px rgba(255,238,41,.20))!important;
  box-shadow:none!important;
}
.css-role-icon.role-owner::before{
  content:''!important;
  position:absolute!important;
  z-index:1!important;
  inset:13.5%!important;
  clip-path:polygon(50% 0%,90% 22%,90% 70%,50% 100%,10% 70%,10% 22%)!important;
  background:
    radial-gradient(ellipse at 50% 7%,rgba(255,198,55,.26),transparent 42%),
    linear-gradient(180deg,#971d0f 0%,#731006 50%,#2b0605 100%)!important;
  box-shadow:inset 0 2px 2px rgba(255,210,80,.10),inset 0 -10px 16px rgba(0,0,0,.32)!important;
}
.css-role-icon.role-owner::after{
  content:''!important;
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:52%!important;
  width:calc(var(--role-size) * .56)!important;
  height:calc(var(--role-size) * .64)!important;
  transform:translate(-50%,-50%)!important;
  clip-path:polygon(0 0,30% 0,50% 68%,70% 0,100% 0,62% 100%,38% 100%)!important;
  background:linear-gradient(180deg,#ffff3b 0%,#fff224 50%,#ff9f1d 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.16) inset!important;
  filter:drop-shadow(0 2px 1px rgba(255,231,36,.18)) drop-shadow(0 4px 5px rgba(0,0,0,.42))!important;
}
.css-role-icon.role-owner .role-shine{
  clip-path:polygon(50% 0%,92% 23%,92% 71%,50% 100%,8% 71%,8% 23%)!important;
}
.css-role-icon.role-mini.role-owner::after{
  width:calc(var(--role-size) * .58)!important;
  height:calc(var(--role-size) * .66)!important;
}
.css-role-icon.role-pill-icon.role-owner::after{
  width:calc(var(--role-size) * .60)!important;
  height:calc(var(--role-size) * .68)!important;
}




.account-name-line{
  gap:8px!important;
  align-items:center!important;
}
.account-name-line .css-pencil-btn,
.account-name-line .css-pencil-icon{
  display:none!important;
}



.css-role-icon.role-owner{
  background:url('/assets/owner-verified-v.png?v=perfil-editor-btn-v1') center/contain no-repeat!important;
  clip-path:none!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
  transform:translateY(-1px)!important;
}
.css-role-icon.role-owner::before,
.css-role-icon.role-owner::after{
  content:none!important;
  display:none!important;
}
.css-role-icon.role-mini.role-owner,
.css-role-icon.role-pill-icon.role-owner{
  background:url('/assets/owner-verified-v.png?v=perfil-editor-btn-v1') center/contain no-repeat!important;
  clip-path:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.css-role-icon.role-mini.role-owner::before,
.css-role-icon.role-mini.role-owner::after,
.css-role-icon.role-pill-icon.role-owner::before,
.css-role-icon.role-pill-icon.role-owner::after{
  content:none!important;
  display:none!important;
}


.css-role-icon .role-shine,
.css-role-icon.role-owner .role-shine,
.css-role-icon.role-admin .role-shine,
.css-role-icon.role-user .role-shine,
.css-role-icon.role-hutao .role-shine{
  display:none!important;
  animation:none!important;
  transition:none!important;
  opacity:0!important;
}
.css-role-icon{
  will-change:auto!important;
  contain:paint!important;
}
.account-avatar-shell.avatar-loading::after{
  animation:none!important;
  opacity:.45!important;
}
.snow,
.noise{
  animation:none!important;
}
@media(max-width:900px){
  .snow{display:none!important;}
  .noise{opacity:.035!important;}
}

.account-edit-name-btn{
  grid-column:1/-1;
  width:100%;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:2px 0 0;
  padding:11px 14px;
  border:1px solid rgba(78,161,255,.28);
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(78,161,255,.26),rgba(25,212,139,.10)),
    linear-gradient(180deg,#101827,#070b12)!important;
  color:#eef7ff!important;
  font-family:'Bebas Neue',Impact,sans-serif;
  font-size:17px;
  letter-spacing:1.7px;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  text-shadow:0 1px 0 rgba(0,0,0,.35);
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.account-edit-name-btn::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:999px;
  background:#4ea1ff;
  box-shadow:0 0 0 4px rgba(78,161,255,.12),0 0 14px rgba(78,161,255,.38);
}
.account-edit-name-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(78,161,255,.52);
  background:
    linear-gradient(135deg,rgba(78,161,255,.34),rgba(25,212,139,.15)),
    linear-gradient(180deg,#132037,#080d16)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 20px rgba(78,161,255,.12),inset 0 1px 0 rgba(255,255,255,.07);
}
.account-edit-name-btn:active{
  transform:translateY(0);
}
@media(max-width:560px){
  .account-edit-name-btn{
    min-height:42px;
    font-size:16px;
    border-radius:13px;
  }
}




.account-provider-row-hidden,
.account-profile-copy .account-provider-row.account-provider-row-hidden{
  display:none!important;
}


.css-role-icon.role-owner,
.css-role-icon.role-admin,
.css-role-icon.role-mini.role-owner,
.css-role-icon.role-mini.role-admin,
.css-role-icon.role-pill-icon.role-owner,
.css-role-icon.role-pill-icon.role-admin{
  background:url('/assets/owner-verified-v.png?v=perfil-editor-card-v2') center/contain no-repeat!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
  transform:none!important;
}
.css-role-icon.role-owner::before,
.css-role-icon.role-owner::after,
.css-role-icon.role-admin::before,
.css-role-icon.role-admin::after,
.css-role-icon.role-mini.role-owner::before,
.css-role-icon.role-mini.role-owner::after,
.css-role-icon.role-mini.role-admin::before,
.css-role-icon.role-mini.role-admin::after,
.css-role-icon.role-pill-icon.role-owner::before,
.css-role-icon.role-pill-icon.role-owner::after,
.css-role-icon.role-pill-icon.role-admin::before,
.css-role-icon.role-pill-icon.role-admin::after{
  content:none!important;
  display:none!important;
}


.account-name-line .css-role-icon.role-owner,
.account-name-line .css-role-icon.role-admin{
  --role-size:28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
  margin-left:2px!important;
  transform:translateY(-1px)!important;
}
.user-display-line .css-role-icon.role-mini.role-owner,
.user-display-line .css-role-icon.role-mini.role-admin{
  --role-size:22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  flex:0 0 22px!important;
  transform:translateY(-1px)!important;
}
.role-badge .css-role-icon.role-pill-icon.role-owner,
.role-badge .css-role-icon.role-pill-icon.role-admin,
.user-role-pill .css-role-icon.role-pill-icon.role-owner,
.user-role-pill .css-role-icon.role-pill-icon.role-admin{
  --role-size:17px!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  flex:0 0 17px!important;
}


.css-role-icon .role-shine,
.css-role-icon.role-owner .role-shine,
.css-role-icon.role-admin .role-shine,
.css-role-icon.role-user .role-shine,
.css-role-icon.role-hutao .role-shine{
  display:none!important;
  animation:none!important;
  transition:none!important;
  opacity:0!important;
}
.css-role-icon{will-change:auto!important;contain:paint!important;}


.account-name-line .css-pencil-btn,
.account-name-line .css-pencil-icon{display:none!important;}
.account-edit-name-btn{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  margin:4px 0 0!important;
  padding:13px 14px!important;
  border:1px solid rgba(78,161,255,.24)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(78,161,255,.20),transparent 42%),
    linear-gradient(135deg,rgba(13,20,34,.96),rgba(6,9,15,.98))!important;
  color:#eef7ff!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
.account-edit-name-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(78,161,255,.46)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.34),0 0 20px rgba(78,161,255,.10),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.account-edit-name-btn:active{transform:translateY(0)!important;}
.account-edit-name-btn .edit-name-icon{
  width:48px!important;
  height:48px!important;
  position:relative!important;
  border-radius:16px!important;
  display:block!important;
  background:
    linear-gradient(145deg,rgba(78,161,255,.28),rgba(25,212,139,.09)),
    linear-gradient(180deg,#111b2c,#070b13)!important;
  border:1px solid rgba(78,161,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 22px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
.account-edit-name-btn .edit-name-icon::before{
  content:''!important;
  position:absolute!important;
  left:13px!important;
  top:10px!important;
  width:15px!important;
  height:15px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#eaf5ff,#7ab9ff)!important;
  box-shadow:0 16px 0 5px rgba(122,185,255,.26)!important;
}
.account-edit-name-btn .edit-name-icon::after{
  content:''!important;
  position:absolute!important;
  right:9px!important;
  bottom:10px!important;
  width:18px!important;
  height:7px!important;
  border-radius:999px 999px 2px 999px!important;
  background:linear-gradient(90deg,#fff7bb,#4ea1ff)!important;
  transform:rotate(-38deg)!important;
  box-shadow:0 0 13px rgba(78,161,255,.45)!important;
}
.account-edit-name-btn .edit-name-icon i{
  position:absolute!important;
  right:7px!important;
  bottom:7px!important;
  width:5px!important;
  height:5px!important;
  border-radius:1px!important;
  background:#eaf5ff!important;
  transform:rotate(-38deg)!important;
}
.account-edit-name-btn .edit-name-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.account-edit-name-btn .edit-name-copy b{
  display:block!important;
  font-family:'Bebas Neue',Impact,sans-serif!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  color:#f6fbff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.45)!important;
}
.account-edit-name-btn .edit-name-copy small{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  letter-spacing:.1px!important;
  color:rgba(235,243,255,.62)!important;
}
@media(max-width:560px){
  .account-name-line .css-role-icon.role-owner,
  .account-name-line .css-role-icon.role-admin{
    --role-size:26px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    flex-basis:26px!important;
  }
  .account-edit-name-btn{
    min-height:68px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:11px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .account-edit-name-btn .edit-name-icon{width:44px!important;height:44px!important;border-radius:15px!important;}
  .account-edit-name-btn .edit-name-copy b{font-size:16px!important;letter-spacing:1.25px!important;}
  .account-edit-name-btn .edit-name-copy small{font-size:11.5px!important;}
}




.css-role-icon.role-owner,
.css-role-icon.role-mini.role-owner,
.css-role-icon.role-pill-icon.role-owner{
  background:url('/assets/owner-verified-owner.png?v=owner-admin-final-v1') center/contain no-repeat!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
.css-role-icon.role-admin,
.css-role-icon.role-mini.role-admin,
.css-role-icon.role-pill-icon.role-admin{
  background:url('/assets/admin-verified-v.png?v=owner-admin-final-v1') center/contain no-repeat!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
.css-role-icon.role-owner::before,
.css-role-icon.role-owner::after,
.css-role-icon.role-admin::before,
.css-role-icon.role-admin::after,
.css-role-icon.role-mini.role-owner::before,
.css-role-icon.role-mini.role-owner::after,
.css-role-icon.role-mini.role-admin::before,
.css-role-icon.role-mini.role-admin::after,
.css-role-icon.role-pill-icon.role-owner::before,
.css-role-icon.role-pill-icon.role-owner::after,
.css-role-icon.role-pill-icon.role-admin::before,
.css-role-icon.role-pill-icon.role-admin::after{
  content:none!important;
  display:none!important;
}
.account-name-line .css-role-icon.role-owner{
  width:38px!important;
  height:32px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  margin-left:2px!important;
  transform:translateY(-1px)!important;
}
.account-name-line .css-role-icon.role-admin{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  flex:0 0 26px!important;
  margin-left:2px!important;
  transform:translateY(-1px)!important;
}
.user-display-line .css-role-icon.role-mini.role-owner{
  width:31px!important;
  height:26px!important;
  min-width:31px!important;
  flex:0 0 31px!important;
  transform:translateY(-1px)!important;
}
.user-display-line .css-role-icon.role-mini.role-admin{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  flex:0 0 22px!important;
  transform:translateY(-1px)!important;
}
.role-badge .css-role-icon.role-pill-icon.role-owner,
.user-role-pill .css-role-icon.role-pill-icon.role-owner{
  width:24px!important;
  height:20px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
}
.role-badge .css-role-icon.role-pill-icon.role-admin,
.user-role-pill .css-role-icon.role-pill-icon.role-admin{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  flex:0 0 17px!important;
}
.css-role-icon.role-owner .role-shine,
.css-role-icon.role-admin .role-shine{
  display:none!important;
  animation:none!important;
  opacity:0!important;
}
@media(max-width:560px){
  .account-name-line .css-role-icon.role-owner{
    width:34px!important;
    height:29px!important;
    min-width:34px!important;
    flex-basis:34px!important;
  }
  .account-name-line .css-role-icon.role-admin{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    flex-basis:24px!important;
  }
}





body.account-page .subscription-panel .profile-action-row,
body.account-page .account-actions-row.profile-action-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  margin-top:18px!important;
  padding-top:0!important;
}
body.account-page .profile-action-row .account-btn{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  padding:10px 10px!important;
  border-radius:14px!important;
  font-size:17px!important;
  letter-spacing:1.15px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.account-page .profile-action-row .edit-nick-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-column:auto!important;
  background:
    linear-gradient(135deg,rgba(78,161,255,.24),rgba(25,212,139,.10)),
    linear-gradient(180deg,#101827,#070b12)!important;
  color:#eef7ff!important;
  border:1px solid rgba(78,161,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.22)!important;
}
body.account-page .profile-action-row .edit-nick-action:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(78,161,255,.52)!important;
  background:
    linear-gradient(135deg,rgba(78,161,255,.34),rgba(25,212,139,.14)),
    linear-gradient(180deg,#132037,#080d16)!important;
}
body.account-page .profile-action-row .edit-nick-action:active{transform:translateY(0)!important;}
body.account-page .profile-action-row .edit-nick-action::before,
body.account-page .profile-action-row .edit-nick-action::after{
  content:none!important;
  display:none!important;
}
body.account-page .details-panel .account-detail-list .account-edit-name-btn{display:none!important;}
@media(max-width:560px){
  body.account-page .subscription-panel .profile-action-row,
  body.account-page .account-actions-row.profile-action-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.account-page .profile-action-row .account-btn{
    min-height:42px!important;
    padding:9px 5px!important;
    border-radius:12px!important;
    font-size:14.5px!important;
    letter-spacing:.85px!important;
  }
}



.account-avatar-status,
.account-avatar-shell .account-avatar-status,
.account-avatar-shell.avatar-active .account-avatar-status{
  display:none!important;
}

.css-role-icon.role-none,
.css-role-icon.role-user,
.css-role-icon.role-hutao{
  display:none!important;
}

.css-role-icon.role-owner,
.css-role-icon.role-mini.role-owner,
.css-role-icon.role-pill-icon.role-owner{
  display:inline-flex!important;
  background:url('/assets/owner-verified-owner.png?v=verificados-sem-tema-v1') center/contain no-repeat!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  border-radius:0!important;
}

.css-role-icon.role-admin,
.css-role-icon.role-mini.role-admin,
.css-role-icon.role-pill-icon.role-admin{
  display:inline-flex!important;
  background:url('/assets/admin-verified-v.png?v=verificados-sem-tema-v1') center/contain no-repeat!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  border-radius:0!important;
}

.css-role-icon.role-owner::before,
.css-role-icon.role-owner::after,
.css-role-icon.role-admin::before,
.css-role-icon.role-admin::after,
.css-role-icon.role-mini.role-owner::before,
.css-role-icon.role-mini.role-owner::after,
.css-role-icon.role-mini.role-admin::before,
.css-role-icon.role-mini.role-admin::after,
.css-role-icon.role-pill-icon.role-owner::before,
.css-role-icon.role-pill-icon.role-owner::after,
.css-role-icon.role-pill-icon.role-admin::before,
.css-role-icon.role-pill-icon.role-admin::after,
.css-role-icon .role-shine{
  content:none!important;
  display:none!important;
  animation:none!important;
}

.account-name-line .css-role-icon.role-owner{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin-left:7px!important;
  transform:translateY(1px)!important;
}

.account-name-line .css-role-icon.role-admin{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  margin-left:7px!important;
  transform:translateY(1px)!important;
}

.user-display-line .css-role-icon.role-mini.role-owner{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  margin-left:7px!important;
}

.user-display-line .css-role-icon.role-mini.role-admin{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin-left:7px!important;
}

.role-badge .css-role-icon.role-pill-icon.role-owner,
.user-role-pill .css-role-icon.role-pill-icon.role-owner{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  margin-right:6px!important;
}

.role-badge .css-role-icon.role-pill-icon.role-admin,
.user-role-pill .css-role-icon.role-pill-icon.role-admin{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin-right:6px!important;
}

@media (max-width:520px){
  .account-name-line .css-role-icon.role-owner{width:30px!important;height:30px!important;min-width:30px!important;}
  .account-name-line .css-role-icon.role-admin{width:24px!important;height:24px!important;min-width:24px!important;}
}


.account-name-line{
  gap:3px!important;
}
.account-name-line h2,
.user-display-line .user-display-name{
  margin-right:0!important;
}
.account-name-line .css-role-icon.role-owner{
  margin-left:1px!important;
  transform:translateY(1px)!important;
}
.account-name-line .css-role-icon.role-admin{
  margin-left:1px!important;
  transform:translateY(1px)!important;
}
.user-display-line{
  gap:4px!important;
}
.user-display-line .css-role-icon.role-mini.role-owner,
.user-display-line .css-role-icon.role-mini.role-admin{
  margin-left:1px!important;
}
@media (max-width:520px){
  .account-name-line{gap:2px!important;}
  .account-name-line .css-role-icon.role-owner,
  .account-name-line .css-role-icon.role-admin{margin-left:0!important;}
}


body.account-page .account-name-line .css-role-icon.role-owner{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  margin-left:1px!important;
}
body.account-page .account-name-line .css-role-icon.role-admin{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin-left:1px!important;
}
@media (max-width:520px){
  body.account-page .account-name-line .css-role-icon.role-owner{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
  }
  body.account-page .account-name-line .css-role-icon.role-admin{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
  }
}




body.chat-page .snow{display:none!important;animation:none!important}
.chat-shell-page .topbar h1{letter-spacing:1px}
.pi-chat-wrap{display:flex;flex-direction:column;gap:18px;padding-bottom:28px}
.pi-chat-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}
.pi-chat-hero h2{margin:4px 0 6px;font-family:'Bebas Neue',Inter,sans-serif;font-size:clamp(34px,5vw,58px);letter-spacing:2px;line-height:.95}
.pi-chat-hero p{max-width:720px;margin:0;color:rgba(226,232,240,.74);font-size:14px;line-height:1.55}
.pi-chat-status-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:160px}

.pi-chat-status-box{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:210px}
.pi-chat-presence-text{display:block;max-width:270px;text-align:right;color:rgba(186,230,253,.88);font-size:12px;font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pi-chat-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:rgba(15,23,42,.72);font-size:11px;font-weight:900;letter-spacing:1.3px;color:#e5e7eb;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pi-chat-badge.open{border-color:rgba(34,197,94,.42);background:rgba(22,101,52,.22);color:#86efac}
.pi-chat-badge.closed{border-color:rgba(248,113,113,.46);background:rgba(127,29,29,.22);color:#fecaca}
.pi-chat-badge.loading{border-color:rgba(96,165,250,.38);background:rgba(30,64,175,.20);color:#bfdbfe}
.pi-chat-badge.online{border-color:rgba(56,189,248,.35);background:rgba(8,47,73,.22);color:#bae6fd}
.pi-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.pi-chat-main,.pi-chat-online{padding:18px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(15,23,42,.90),rgba(2,6,23,.72))!important;border:1px solid rgba(148,163,184,.16)!important;box-shadow:0 20px 55px rgba(0,0,0,.25)!important}
.pi-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pi-chat-head.compact{margin-bottom:12px}
.pi-chat-head h3{margin:2px 0 0;font-size:22px;color:#f8fafc;letter-spacing:.4px}
.chat-admin-toggle.danger{border-color:rgba(248,113,113,.38)!important;color:#fecaca!important;background:rgba(127,29,29,.12)!important}
.pi-chat-notice{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(248,113,113,.24);background:rgba(127,29,29,.15);color:#fecaca}
.pi-chat-notice .material-symbols-rounded{grid-row:1/3;font-size:24px;color:#fca5a5}
.pi-chat-notice b{font-size:13px;letter-spacing:.4px;text-transform:uppercase}
.pi-chat-notice small{font-size:12px;color:rgba(254,202,202,.82)}
.pi-chat-messages{height:min(62vh,620px);min-height:430px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:4px 6px 12px 0;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.35) transparent}
.pi-chat-messages::-webkit-scrollbar,.pi-chat-online-list::-webkit-scrollbar{width:6px}
.pi-chat-messages::-webkit-scrollbar-thumb,.pi-chat-online-list::-webkit-scrollbar-thumb{background:rgba(96,165,250,.35);border-radius:999px}
.pi-chat-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:flex-start;max-width:100%}
.pi-chat-message.is-mine .pi-chat-bubble{border-color:rgba(96,165,250,.32);background:linear-gradient(145deg,rgba(30,64,175,.25),rgba(15,23,42,.78))}
.pi-chat-avatar{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;overflow:hidden;background:linear-gradient(145deg,#1d4ed8,#0f172a);border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 22px rgba(0,0,0,.22);color:#dbeafe;font-weight:900;font-size:13px;letter-spacing:.5px;text-transform:uppercase}
.pi-chat-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pi-chat-bubble{position:relative;min-width:0;border-radius:18px;padding:11px 12px 10px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.72);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.pi-chat-message-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.pi-chat-name-line{display:inline-flex;align-items:center;gap:3px;min-width:0;line-height:1}
.pi-chat-name-line strong{font-size:13px;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.pi-chat-message.is-owner .pi-chat-name-line strong{color:#fde68a}
.pi-chat-message.is-admin .pi-chat-name-line strong{color:#bfdbfe}
.pi-chat-name-line .css-role-icon.role-mini.role-owner{width:25px!important;height:21px!important;min-width:25px!important;flex:0 0 25px!important;margin-left:1px!important;transform:translateY(-1px)!important}
.pi-chat-name-line .css-role-icon.role-mini.role-admin{width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important;margin-left:1px!important;transform:translateY(-1px)!important}
.pi-chat-message-top time{font-size:11px;color:rgba(148,163,184,.76);white-space:nowrap}
.pi-chat-bubble p{margin:0;color:rgba(226,232,240,.92);font-size:14px;line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}
.pi-chat-bubble p.pi-chat-deleted{color:rgba(148,163,184,.72);font-style:italic}
.pi-chat-message-actions{display:flex;justify-content:flex-end;margin-top:8px}
.pi-chat-message-actions button{width:28px;height:28px;border-radius:10px;border:1px solid rgba(248,113,113,.22);background:rgba(127,29,29,.12);color:#fca5a5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.16s ease}
.pi-chat-message-actions button:hover{transform:translateY(-1px);background:rgba(127,29,29,.22)}
.pi-chat-message-actions .material-symbols-rounded{font-size:17px}
.pi-chat-empty{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(226,232,240,.72);gap:8px;border:1px dashed rgba(148,163,184,.20);border-radius:22px;background:rgba(15,23,42,.34)}
.pi-chat-empty .material-symbols-rounded{font-size:42px;color:#93c5fd}
.pi-chat-empty b{font-size:16px;color:#e5e7eb}
.pi-chat-empty small{font-size:12px;color:rgba(148,163,184,.86)}
.pi-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12)}
.pi-chat-compose textarea{width:100%;max-height:120px;min-height:46px;resize:none;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.54);color:#f8fafc;outline:none;padding:13px 14px;font:500 14px/1.4 Inter,system-ui,sans-serif;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.pi-chat-compose textarea:focus{border-color:rgba(96,165,250,.48);box-shadow:0 0 0 3px rgba(59,130,246,.12);background:rgba(2,6,23,.76)}
.pi-chat-compose textarea:disabled{opacity:.55;cursor:not-allowed}
.pi-chat-compose .account-btn{min-height:46px;border-radius:17px!important;padding:0 18px!important}
.pi-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:rgba(148,163,184,.82);font-size:12px}
.pi-chat-online-list{display:flex;flex-direction:column;gap:10px;max-height:min(62vh,620px);overflow:auto;padding-right:4px}
.pi-chat-online-user{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border-radius:17px;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.46)}
.pi-chat-online-user .pi-chat-avatar{width:38px;height:38px;flex-basis:38px;border-radius:14px;font-size:12px}
.pi-chat-online-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.pi-chat-online-copy small{font-size:11px;color:rgba(148,163,184,.76);text-transform:uppercase;letter-spacing:.6px;font-weight:800}
.pi-chat-online-empty{padding:14px;border-radius:16px;background:rgba(15,23,42,.42);border:1px dashed rgba(148,163,184,.18);color:rgba(226,232,240,.72);font-size:13px;text-align:center}
@media(max-width:980px){
  .pi-chat-layout{grid-template-columns:1fr}
  .pi-chat-online{order:-1}
  .pi-chat-online-list{max-height:230px}
  .pi-chat-messages{height:58vh;min-height:360px}
}
@media(max-width:620px){
  .pi-chat-hero{align-items:flex-start;flex-direction:column}
  .pi-chat-status-stack{justify-content:flex-start;min-width:0}
  .pi-chat-main,.pi-chat-online{padding:14px!important;border-radius:22px!important}
  .pi-chat-messages{height:56vh;min-height:340px}
  .pi-chat-message{grid-template-columns:36px minmax(0,1fr);gap:8px}
  .pi-chat-avatar{width:36px;height:36px;flex-basis:36px;border-radius:13px;font-size:11px}
  .pi-chat-name-line strong{max-width:155px;font-size:12.5px}
  .pi-chat-bubble{padding:10px;border-radius:16px}
  .pi-chat-bubble p{font-size:13.5px}
  .pi-chat-compose{grid-template-columns:1fr}
  .pi-chat-compose .account-btn{width:100%;justify-content:center}
}




body.chat-page{
  overflow:hidden!important;
  min-height:100dvh!important;
}
body.chat-page .page.chat-shell-page{
  max-width:none!important;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:88px 14px 12px!important;
}
@media(min-width:901px){
  body.chat-page .page.chat-shell-page{
    margin-left:300px!important;
    width:calc(100% - 300px)!important;
    padding:92px 22px 18px!important;
  }
}
body.chat-page .chat-shell-page .topbar h1{letter-spacing:1px!important}
body.chat-page .pi-chat-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:0!important;
  overflow:hidden!important;
}
body.chat-page .pi-chat-hero{
  flex:0 0 auto!important;
  margin:0!important;
  padding:12px 15px!important;
  border-radius:20px!important;
  align-items:center!important;
}
body.chat-page .pi-chat-hero h2{
  font-size:clamp(28px,3.4vw,42px)!important;
  margin:2px 0 2px!important;
  letter-spacing:1.6px!important;
}
body.chat-page .pi-chat-hero p{
  font-size:12.5px!important;
  line-height:1.35!important;
  max-width:640px!important;
}
body.chat-page .pi-chat-status-box{min-width:210px!important;align-items:flex-end!important}
body.chat-page .pi-chat-status-stack{min-width:auto!important;gap:7px!important}
body.chat-page .pi-chat-badge{
  min-height:30px!important;
  padding:0 11px!important;
  font-size:10.5px!important;
}
body.chat-page .pi-chat-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:10px!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body.chat-page .pi-chat-main,
body.chat-page .pi-chat-online{
  margin:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:22px!important;
  padding:13px!important;
}
body.chat-page .pi-chat-main{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
}
body.chat-page .pi-chat-online{
  display:flex!important;
  flex-direction:column!important;
}
body.chat-page .pi-chat-head{margin-bottom:9px!important;flex:0 0 auto!important}
body.chat-page .pi-chat-head h3{font-size:19px!important}
body.chat-page .pi-chat-notice{margin:0 0 9px!important;flex:0 0 auto!important}
body.chat-page .pi-chat-messages{
  height:auto!important;
  min-height:0!important;
  flex:unset!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:4px 6px 12px 0!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.chat-page .pi-chat-compose{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  margin-top:9px!important;
  padding-top:9px!important;
  align-items:end!important;
}
body.chat-page .pi-chat-compose textarea{
  min-height:44px!important;
  max-height:105px!important;
  border-radius:16px!important;
  padding:12px 13px!important;
}
body.chat-page .pi-chat-compose .account-btn{
  min-height:44px!important;
  min-width:82px!important;
  border-radius:16px!important;
  padding:0 15px!important;
}
body.chat-page .pi-chat-foot{
  flex:0 0 auto!important;
  margin-top:6px!important;
  font-size:11.5px!important;
}
body.chat-page .pi-chat-online-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:4px!important;
  overscroll-behavior:contain!important;
}
body.chat-page .pi-chat-message{grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important}
body.chat-page .pi-chat-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:14px!important}
body.chat-page .pi-chat-bubble{padding:10px 11px!important;border-radius:17px!important}
body.chat-page .pi-chat-bubble p{font-size:13.5px!important;line-height:1.46!important}
body.chat-page .pi-chat-name-line strong{font-size:12.8px!important;max-width:220px!important}


body.chat-page .css-role-icon.role-owner,
body.chat-page .css-role-icon.role-mini.role-owner,
body.chat-page .css-role-icon.role-pill-icon.role-owner{
  background:url('/assets/owner-verified-owner.png?v=chat-tempo-real-v3') center/contain no-repeat!important;
  clip-path:none!important;border:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important;
}
body.chat-page .css-role-icon.role-admin,
body.chat-page .css-role-icon.role-mini.role-admin,
body.chat-page .css-role-icon.role-pill-icon.role-admin{
  background:url('/assets/admin-verified-v.png?v=chat-tempo-real-v3') center/contain no-repeat!important;
  clip-path:none!important;border:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important;
}
body.chat-page .css-role-icon.role-owner::before,
body.chat-page .css-role-icon.role-owner::after,
body.chat-page .css-role-icon.role-admin::before,
body.chat-page .css-role-icon.role-admin::after,
body.chat-page .css-role-icon.role-mini.role-owner::before,
body.chat-page .css-role-icon.role-mini.role-owner::after,
body.chat-page .css-role-icon.role-mini.role-admin::before,
body.chat-page .css-role-icon.role-mini.role-admin::after{content:none!important;display:none!important}
body.chat-page .pi-chat-name-line .css-role-icon.role-mini.role-owner{width:27px!important;height:22px!important;min-width:27px!important;flex:0 0 27px!important;margin-left:1px!important;transform:translateY(-1px)!important}
body.chat-page .pi-chat-name-line .css-role-icon.role-mini.role-admin{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;margin-left:1px!important;transform:translateY(-1px)!important}

@media(max-width:980px){
  body.chat-page .pi-chat-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.chat-page .pi-chat-online{
    order:-1!important;
    height:auto!important;
    max-height:112px!important;
    padding:10px!important;
  }
  body.chat-page .pi-chat-online .pi-chat-head{margin-bottom:7px!important}
  body.chat-page .pi-chat-online-list{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:48px!important;
    padding:0 2px 2px 0!important;
    scrollbar-width:none!important;
  }
  body.chat-page .pi-chat-online-list::-webkit-scrollbar{display:none!important}
  body.chat-page .pi-chat-online-user{
    min-width:142px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding:6px 8px!important;
    border-radius:14px!important;
  }
  body.chat-page .pi-chat-online-user .pi-chat-avatar{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:11px!important;font-size:10px!important}
  body.chat-page .pi-chat-online-copy small{display:none!important}
}
@media(max-width:620px){
  body.chat-page .page.chat-shell-page{padding:80px 8px 8px!important}
  body.chat-page .pi-chat-wrap{gap:8px!important}
  body.chat-page .pi-chat-hero{padding:10px 12px!important;border-radius:18px!important;flex-direction:row!important;justify-content:space-between!important;gap:8px!important}
  body.chat-page .pi-chat-hero .mini,
  body.chat-page .pi-chat-hero p{display:none!important}
  body.chat-page .pi-chat-hero h2{font-size:28px!important;margin:0!important;white-space:nowrap!important}
  body.chat-page .pi-chat-status-box{min-width:0!important;max-width:48%!important;gap:4px!important}
  body.chat-page .pi-chat-presence-text{max-width:100%!important;font-size:9.8px!important}
  body.chat-page .pi-chat-status-stack{justify-content:flex-end!important;gap:5px!important}
  body.chat-page .pi-chat-badge{min-height:26px!important;padding:0 8px!important;font-size:9.5px!important;letter-spacing:.8px!important}
  body.chat-page .pi-chat-main,
  body.chat-page .pi-chat-online{border-radius:18px!important;padding:10px!important}
  body.chat-page .pi-chat-online{max-height:96px!important}
  body.chat-page .pi-chat-message{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important}
  body.chat-page .pi-chat-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:12px!important;font-size:10.5px!important}
  body.chat-page .pi-chat-message-top{gap:7px!important;margin-bottom:5px!important}
  body.chat-page .pi-chat-name-line strong{max-width:142px!important;font-size:12.3px!important}
  body.chat-page .pi-chat-message-top time{font-size:10.5px!important}
  body.chat-page .pi-chat-bubble{padding:9px 10px!important;border-radius:16px!important}
  body.chat-page .pi-chat-bubble p{font-size:13.3px!important;line-height:1.44!important}
  body.chat-page .pi-chat-compose{grid-template-columns:minmax(0,1fr) 54px!important;gap:7px!important;margin-top:8px!important;padding-top:8px!important}
  body.chat-page .pi-chat-compose .account-btn{min-width:54px!important;width:54px!important;padding:0!important;font-size:0!important;position:relative!important}
  body.chat-page .pi-chat-compose .account-btn::before{content:'send'!important;font-family:'Material Symbols Rounded'!important;font-size:22px!important;line-height:1!important}
  body.chat-page .pi-chat-foot{font-size:10.8px!important;gap:6px!important}
  body.chat-page .pi-chat-name-line .css-role-icon.role-mini.role-owner{width:24px!important;height:19px!important;min-width:24px!important;flex-basis:24px!important}
  body.chat-page .pi-chat-name-line .css-role-icon.role-mini.role-admin{width:16px!important;height:16px!important;min-width:16px!important;flex-basis:16px!important}
}




body.chat-page .pi-chat-notice[hidden]{display:none!important}
body.chat-page .pi-chat-notice.is-hidden{display:none!important}

body.chat-page .chat-admin-toggle{
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:15px!important;
  border:1px solid rgba(34,197,94,.34)!important;
  background:linear-gradient(135deg,rgba(22,101,52,.30),rgba(8,47,73,.28))!important;
  color:#bbf7d0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.18)!important;
  text-shadow:none!important;
  font-weight:900!important;
  letter-spacing:1.05px!important;
}
body.chat-page .chat-admin-toggle:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(34,197,94,.52)!important;
  background:linear-gradient(135deg,rgba(22,163,74,.34),rgba(14,116,144,.26))!important;
}
body.chat-page .chat-admin-toggle.danger{
  border-color:rgba(248,113,113,.42)!important;
  color:#fecaca!important;
  background:linear-gradient(135deg,rgba(127,29,29,.30),rgba(76,29,149,.16))!important;
}
body.chat-page .chat-admin-toggle.danger:hover{
  border-color:rgba(248,113,113,.62)!important;
  background:linear-gradient(135deg,rgba(185,28,28,.34),rgba(76,29,149,.18))!important;
}

body.chat-page .pi-chat-message.can-moderate-message{
  -webkit-tap-highlight-color:transparent!important;
}
body.chat-page .pi-chat-message.can-moderate-message .pi-chat-bubble{
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,padding-right .16s ease!important;
}
body.chat-page .pi-chat-message-actions{
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  transform:translate(8px,-50%) scale(.92)!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
  z-index:5!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{
  padding-right:52px!important;
  border-color:rgba(248,113,113,.30)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 0 1px rgba(248,113,113,.08)!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-message-actions{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(0,-50%) scale(1)!important;
}
body.chat-page .pi-chat-message-actions button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:13px!important;
  border:1px solid rgba(248,113,113,.36)!important;
  background:linear-gradient(145deg,rgba(127,29,29,.92),rgba(69,10,10,.82))!important;
  color:#fecaca!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  cursor:pointer!important;
  box-shadow:0 12px 24px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.chat-page .pi-chat-message-actions button:hover,
body.chat-page .pi-chat-message-actions button:focus-visible{
  transform:translateY(-1px)!important;
  background:linear-gradient(145deg,rgba(185,28,28,.96),rgba(127,29,29,.82))!important;
  outline:none!important;
}
body.chat-page .pi-chat-message-actions .material-symbols-rounded{
  font-size:19px!important;
  line-height:1!important;
}

@media(max-width:620px){
  body.chat-page .chat-admin-toggle{
    width:auto!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    font-size:11px!important;
    letter-spacing:.9px!important;
  }
  body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{
    padding-right:48px!important;
  }
  body.chat-page .pi-chat-message-actions button{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:12px!important;
  }
}






body.chat-page{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(59,130,246,.10),transparent 32%),
    radial-gradient(circle at 88% 0%,rgba(16,185,129,.09),transparent 28%),
    #02040a!important;
}
body.chat-page #overlay{display:none!important}
body.chat-page .page.chat-shell-page{
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:82px 14px 10px!important;
}
body.chat-page .chat-shell-page .topbar{
  flex:0 0 auto!important;
}
body.chat-page .pi-chat-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding-bottom:0!important;
}
body.chat-page .pi-chat-hero{
  flex:0 0 auto!important;
  padding:12px 16px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(2,6,23,.82))!important;
  border:1px solid rgba(148,163,184,.17)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22)!important;
}
body.chat-page .pi-chat-hero h2{
  font-size:32px!important;
  margin:2px 0 3px!important;
  line-height:.95!important;
}
body.chat-page .pi-chat-hero p{
  max-width:520px!important;
  font-size:13px!important;
  line-height:1.32!important;
}
body.chat-page .pi-chat-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 286px!important;
  gap:10px!important;
  align-items:stretch!important;
}
body.chat-page .pi-chat-main,
body.chat-page .pi-chat-online{
  min-height:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(10,17,31,.96),rgba(3,7,18,.92))!important;
  border:1px solid rgba(96,165,250,.18)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.28)!important;
}
body.chat-page .pi-chat-main{
  height:100%!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
}
body.chat-page .pi-chat-head{
  flex:0 0 auto!important;
  margin:0!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.78))!important;
}
body.chat-page .pi-chat-head h3{
  margin:1px 0 0!important;
  font-size:20px!important;
  line-height:1!important;
}
body.chat-page .pi-chat-notice{
  flex:0 0 auto!important;
  margin:10px 12px 0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
}
body.chat-page .pi-chat-messages{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:14px 12px 14px!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(59,130,246,.09),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(16,185,129,.06),transparent 30%),
    linear-gradient(180deg,rgba(2,6,23,.74),rgba(2,6,23,.92))!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(96,165,250,.32) transparent!important;
}
body.chat-page .pi-chat-message{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  padding:0!important;
}
body.chat-page .pi-chat-message:not(.is-mine){
  justify-content:flex-start!important;
}
body.chat-page .pi-chat-message.is-mine{
  justify-content:flex-end!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-avatar{
  display:none!important;
}
body.chat-page .pi-chat-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border-radius:50%!important;
  align-self:flex-end!important;
  margin-bottom:1px!important;
  background:linear-gradient(145deg,#334155,#0f172a)!important;
  border:1px solid rgba(226,232,240,.18)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.24)!important;
  font-size:11px!important;
}
body.chat-page .pi-chat-bubble{
  width:fit-content!important;
  max-width:min(74%,620px)!important;
  min-width:82px!important;
  position:relative!important;
  border-radius:8px 18px 18px 18px!important;
  padding:8px 10px 8px!important;
  border:1px solid rgba(148,163,184,.13)!important;
  background:linear-gradient(145deg,rgba(30,41,59,.95),rgba(15,23,42,.95))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20)!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::before{
  content:''!important;
  position:absolute!important;
  left:-7px!important;
  bottom:0!important;
  width:12px!important;
  height:12px!important;
  background:linear-gradient(145deg,rgba(30,41,59,.95),rgba(15,23,42,.95))!important;
  clip-path:polygon(100% 0,0 100%,100% 100%)!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
  border-radius:18px 8px 18px 18px!important;
  border-color:rgba(96,165,250,.26)!important;
  background:linear-gradient(145deg,rgba(20,60,118,.96),rgba(15,35,79,.96))!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::before{
  content:''!important;
  position:absolute!important;
  right:-7px!important;
  bottom:0!important;
  width:12px!important;
  height:12px!important;
  background:linear-gradient(145deg,rgba(20,60,118,.96),rgba(15,35,79,.96))!important;
  clip-path:polygon(0 0,0 100%,100% 100%)!important;
}
body.chat-page .pi-chat-message-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 3px!important;
}
body.chat-page .pi-chat-name-line{
  gap:2px!important;
  min-width:0!important;
}
body.chat-page .pi-chat-name-line strong{
  font-size:12.5px!important;
  line-height:1!important;
  max-width:210px!important;
}
body.chat-page .pi-chat-message-top time{
  font-size:10.6px!important;
  color:rgba(203,213,225,.64)!important;
  margin-left:auto!important;
  padding-left:6px!important;
}
body.chat-page .pi-chat-bubble p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.42!important;
  color:rgba(248,250,252,.92)!important;
}
body.chat-page .pi-chat-foot{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 14px 7px!important;
  color:rgba(148,163,184,.80)!important;
  font-size:11px!important;
}
body.chat-page .pi-chat-compose{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 46px!important;
  gap:8px!important;
  margin:0!important;
  padding:10px 14px 7px!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  background:linear-gradient(180deg,rgba(2,6,23,.88),rgba(2,6,23,.98))!important;
}
body.chat-page .pi-chat-compose textarea{
  min-height:46px!important;
  max-height:118px!important;
  height:46px!important;
  resize:none!important;
  border-radius:999px!important;
  padding:12px 16px!important;
  background:rgba(2,6,23,.92)!important;
  border:1px solid rgba(96,165,250,.22)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(0,0,0,.20)!important;
  outline:none!important;
  line-height:1.25!important;
}
body.chat-page .pi-chat-compose textarea:focus{
  border-color:rgba(96,165,250,.62)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.chat-page .pi-chat-compose textarea::placeholder{color:rgba(203,213,225,.46)!important}
body.chat-page .pi-chat-compose .account-btn{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  color:#03131f!important;
  background:linear-gradient(145deg,#60a5fa,#38bdf8)!important;
  border:1px solid rgba(125,211,252,.42)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.26),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body.chat-page .pi-chat-compose .account-btn::before{
  content:'send'!important;
  font-family:'Material Symbols Rounded'!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1!important;
}
body.chat-page .pi-chat-compose .account-btn:disabled{
  opacity:.46!important;
  cursor:not-allowed!important;
  filter:grayscale(.25)!important;
}
body.chat-page .chat-admin-toggle{
  background:linear-gradient(145deg,rgba(22,101,52,.32),rgba(6,78,59,.30))!important;
  border:1px solid rgba(34,197,94,.42)!important;
  color:#bbf7d0!important;
}
body.chat-page .chat-admin-toggle.danger{
  background:linear-gradient(145deg,rgba(127,29,29,.38),rgba(88,28,135,.18))!important;
  border-color:rgba(248,113,113,.44)!important;
  color:#fecaca!important;
}
body.chat-page .pi-chat-online{
  height:100%!important;
  padding:12px!important;
  display:flex!important;
  flex-direction:column!important;
}
body.chat-page .pi-chat-online-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
body.chat-page .pi-chat-online-user{
  border-radius:16px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
body.chat-page .pi-chat-message-actions{
  right:8px!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{
  padding-right:50px!important;
}
body.chat-page .pi-chat-empty{
  align-self:center!important;
  margin:auto!important;
  max-width:320px!important;
}
@media(max-width:980px){
  body.chat-page .pi-chat-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body.chat-page .pi-chat-online{
    order:-1!important;
    height:auto!important;
    max-height:86px!important;
    padding:9px!important;
  }
  body.chat-page .pi-chat-online .pi-chat-head{display:none!important}
  body.chat-page .pi-chat-online-list{
    flex-direction:row!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:7px!important;
    max-height:48px!important;
    scrollbar-width:none!important;
  }
  body.chat-page .pi-chat-online-list::-webkit-scrollbar{display:none!important}
  body.chat-page .pi-chat-online-user{
    min-width:138px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding:6px 8px!important;
  }
  body.chat-page .pi-chat-online-user .pi-chat-avatar{
    width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;
  }
}
@media(max-width:620px){
  body.chat-page .page.chat-shell-page{
    padding:78px 0 0!important;
  }
  body.chat-page .pi-chat-wrap{
    gap:0!important;
  }
  body.chat-page .pi-chat-hero{
    margin:0 8px 8px!important;
    padding:9px 11px!important;
    border-radius:18px!important;
  }
  body.chat-page .pi-chat-hero .mini,
  body.chat-page .pi-chat-hero p{display:none!important}
  body.chat-page .pi-chat-hero h2{font-size:27px!important;margin:0!important}
  body.chat-page .pi-chat-status-box{max-width:50%!important}
  body.chat-page .pi-chat-layout{gap:0!important}
  body.chat-page .pi-chat-online{
    margin:0 8px 8px!important;
    border-radius:18px!important;
    max-height:58px!important;
    padding:7px!important;
  }
  body.chat-page .pi-chat-main{
    border-radius:20px 20px 0 0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  body.chat-page .pi-chat-head{
    padding:9px 11px!important;
  }
  body.chat-page .pi-chat-head h3{font-size:18px!important}
  body.chat-page .chat-admin-toggle{
    min-height:32px!important;
    padding:0 11px!important;
    font-size:10.5px!important;
    border-radius:999px!important;
  }
  body.chat-page .pi-chat-messages{
    padding:11px 8px 11px!important;
    gap:7px!important;
  }
  body.chat-page .pi-chat-avatar{
    width:31px!important;height:31px!important;min-width:31px!important;flex-basis:31px!important;
    font-size:10px!important;
  }
  body.chat-page .pi-chat-bubble{
    max-width:78%!important;
    min-width:70px!important;
    padding:7px 9px!important;
    border-radius:7px 16px 16px 16px!important;
  }
  body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
    border-radius:16px 7px 16px 16px!important;
  }
  body.chat-page .pi-chat-name-line strong{
    max-width:132px!important;
    font-size:12px!important;
  }
  body.chat-page .pi-chat-bubble p{
    font-size:13.5px!important;
    line-height:1.38!important;
  }
  body.chat-page .pi-chat-message-top time{
    font-size:10px!important;
  }
  body.chat-page .pi-chat-compose{
    grid-template-columns:minmax(0,1fr) 44px!important;
    padding:8px 9px 6px!important;
    gap:7px!important;
  }
  body.chat-page .pi-chat-compose textarea{
    min-height:44px!important;
    height:44px!important;
    padding:11px 15px!important;
  }
  body.chat-page .pi-chat-compose .account-btn{
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  }
  body.chat-page .pi-chat-foot{
    padding:0 12px 5px!important;
    font-size:10px!important;
  }
  body.chat-page .pi-chat-name-line .css-role-icon.role-mini.role-owner{width:22px!important;height:18px!important;min-width:22px!important;flex-basis:22px!important}
  body.chat-page .pi-chat-name-line .css-role-icon.role-mini.role-admin{width:15px!important;height:15px!important;min-width:15px!important;flex-basis:15px!important}
}




body.chat-page .pi-chat-main{
  position:relative!important;
}
body.chat-page .pi-chat-compose{
  grid-template-columns:46px minmax(0,1fr) 46px!important;
  align-items:end!important;
  gap:8px!important;
}
body.chat-page .pi-chat-emoji-toggle,
body.chat-page .pi-chat-send-round{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  outline:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.chat-page .pi-chat-emoji-toggle{
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.92))!important;
  color:rgba(226,232,240,.86)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,color .16s ease!important;
}
body.chat-page .pi-chat-emoji-toggle:hover,
body.chat-page .pi-chat-emoji-toggle.active{
  color:#bfdbfe!important;
  border-color:rgba(96,165,250,.42)!important;
  background:linear-gradient(145deg,rgba(30,64,175,.36),rgba(15,23,42,.96))!important;
}
body.chat-page .pi-chat-emoji-toggle .material-symbols-rounded{
  font-size:25px!important;
  line-height:1!important;
}
body.chat-page .pi-chat-send-round{
  color:#03131f!important;
  background:linear-gradient(145deg,#60a5fa,#38bdf8)!important;
  border:1px solid rgba(125,211,252,.42)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.26),inset 0 1px 0 rgba(255,255,255,.28)!important;
  cursor:pointer!important;
}
body.chat-page .pi-chat-compose .pi-chat-send-round::before{
  content:none!important;
  display:none!important;
}
body.chat-page .pi-chat-send-round .material-symbols-rounded{
  display:block!important;
  font-size:23px!important;
  line-height:1!important;
  width:23px!important;
  height:23px!important;
  transform:translateX(1px)!important;
}
body.chat-page .pi-chat-send-round:disabled,
body.chat-page .pi-chat-emoji-toggle:disabled{
  opacity:.46!important;
  cursor:not-allowed!important;
  filter:grayscale(.25)!important;
}
body.chat-page .pi-chat-compose textarea{
  height:46px!important;
  min-height:46px!important;
  padding:12px 16px!important;
}
body.chat-page .pi-chat-emoji-panel{
  position:absolute!important;
  right:14px!important;
  bottom:70px!important;
  z-index:30!important;
  width:min(380px,calc(100% - 28px))!important;
  max-height:278px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(96,165,250,.22)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.035) inset!important;
  padding:12px!important;
}
body.chat-page .pi-chat-emoji-panel[hidden]{display:none!important}
body.chat-page .pi-chat-emoji-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 2px 10px!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  margin-bottom:10px!important;
}
body.chat-page .pi-chat-emoji-head b{
  color:#f8fafc!important;
  font-family:'Bebas Neue',Inter,sans-serif!important;
  letter-spacing:1.4px!important;
  font-size:22px!important;
  line-height:1!important;
}
body.chat-page .pi-chat-emoji-head small{
  color:rgba(186,230,253,.72)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.chat-page .pi-chat-emoji-grid{
  max-height:210px!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
  gap:7px!important;
  padding:1px 3px 1px 1px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(96,165,250,.35) transparent!important;
}
body.chat-page .pi-chat-emoji-grid::-webkit-scrollbar{width:5px!important}
body.chat-page .pi-chat-emoji-grid::-webkit-scrollbar-thumb{background:rgba(96,165,250,.35)!important;border-radius:99px!important}
body.chat-page .pi-chat-emoji-item{
  aspect-ratio:1/1!important;
  border-radius:16px!important;
  border:1px solid rgba(148,163,184,.12)!important;
  background:rgba(15,23,42,.58)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px!important;
  cursor:pointer!important;
  transition:transform .12s ease,border-color .12s ease,background .12s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.chat-page .pi-chat-emoji-item:hover,
body.chat-page .pi-chat-emoji-item:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(96,165,250,.46)!important;
  background:rgba(30,64,175,.22)!important;
  outline:none!important;
}
body.chat-page .pi-chat-custom-emoji{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  display:inline-block!important;
  vertical-align:-5px!important;
  margin:0 1px!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
body.chat-page .pi-chat-emoji-item .pi-chat-custom-emoji{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  vertical-align:middle!important;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.26))!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-emoji-only{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  line-height:1!important;
  white-space:normal!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.one-emoji .pi-chat-custom-emoji{
  width:78px!important;
  height:78px!important;
  margin:1px 0!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.30))!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.few-emojis .pi-chat-custom-emoji{
  width:48px!important;
  height:48px!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.24))!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.many-emojis .pi-chat-custom-emoji{
  width:31px!important;
  height:31px!important;
}
body.chat-page .pi-chat-message:has(.pi-chat-emoji-only.one-emoji) .pi-chat-bubble{
  min-width:0!important;
  padding:8px 10px!important;
}
@media(max-width:620px){
  body.chat-page .pi-chat-compose{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    gap:7px!important;
    padding:8px 9px 6px!important;
  }
  body.chat-page .pi-chat-emoji-toggle,
  body.chat-page .pi-chat-send-round{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  body.chat-page .pi-chat-send-round .material-symbols-rounded{font-size:22px!important;width:22px!important;height:22px!important}
  body.chat-page .pi-chat-emoji-toggle .material-symbols-rounded{font-size:24px!important}
  body.chat-page .pi-chat-emoji-panel{
    left:8px!important;
    right:8px!important;
    bottom:64px!important;
    width:auto!important;
    max-height:252px!important;
    border-radius:20px!important;
    padding:10px!important;
  }
  body.chat-page .pi-chat-emoji-grid{
    grid-template-columns:repeat(6,1fr)!important;
    max-height:190px!important;
    gap:6px!important;
  }
  body.chat-page .pi-chat-emoji-head b{font-size:20px!important}
  body.chat-page .pi-chat-emoji-head small{font-size:10px!important}
  body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.one-emoji .pi-chat-custom-emoji{
    width:72px!important;
    height:72px!important;
  }
  body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.few-emojis .pi-chat-custom-emoji{
    width:44px!important;
    height:44px!important;
  }
}







body.chat-page .pi-chat-main .pi-chat-compose{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:9px 12px 7px!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  background:linear-gradient(180deg,rgba(2,6,23,.86),rgba(2,6,23,.98))!important;
}
body.chat-page .pi-chat-main .pi-chat-emoji-toggle,
body.chat-page .pi-chat-main .pi-chat-send-round{
  position:relative!important;
  inset:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  flex:0 0 46px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  line-height:1!important;
  box-sizing:border-box!important;
  transform:none!important;
}
body.chat-page .pi-chat-main .pi-chat-emoji-toggle{
  order:1!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.92))!important;
  color:rgba(226,232,240,.86)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.chat-page .pi-chat-main .pi-chat-emoji-toggle .material-symbols-rounded{
  display:block!important;
  width:25px!important;
  height:25px!important;
  font-size:25px!important;
  line-height:25px!important;
  text-align:center!important;
}
body.chat-page .pi-chat-main .pi-chat-compose textarea{
  order:2!important;
  flex:1 1 auto!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  max-height:118px!important;
  margin:0!important;
  padding:12px 16px!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  resize:none!important;
  overflow-y:auto!important;
  line-height:1.25!important;
  background:rgba(2,6,23,.92)!important;
  border:1px solid rgba(96,165,250,.22)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(0,0,0,.20)!important;
}
body.chat-page .pi-chat-main .pi-chat-send-round{
  order:3!important;
  color:#03131f!important;
  background:linear-gradient(145deg,#60a5fa,#38bdf8)!important;
  border:1px solid rgba(125,211,252,.42)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.26),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body.chat-page .pi-chat-main .pi-chat-send-round::before,
body.chat-page .pi-chat-main .pi-chat-compose .account-btn::before{
  content:none!important;
  display:none!important;
}
body.chat-page .pi-chat-main .pi-chat-send-round .material-symbols-rounded{
  display:block!important;
  width:24px!important;
  height:24px!important;
  font-size:24px!important;
  line-height:24px!important;
  text-align:center!important;
  transform:translateX(1px)!important;
}
body.chat-page .pi-chat-main .pi-chat-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  padding:0 14px 7px!important;
}
@media(max-width:620px){
  body.chat-page .pi-chat-main .pi-chat-compose{
    flex-direction:row!important;
    align-items:center!important;
    gap:7px!important;
    padding:8px 8px 6px!important;
  }
  body.chat-page .pi-chat-main .pi-chat-emoji-toggle,
  body.chat-page .pi-chat-main .pi-chat-send-round{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex:0 0 44px!important;
  }
  body.chat-page .pi-chat-main .pi-chat-compose textarea{
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    height:44px!important;
    min-height:44px!important;
    padding:11px 14px!important;
  }
  body.chat-page .pi-chat-main .pi-chat-send-round .material-symbols-rounded{
    width:23px!important;
    height:23px!important;
    font-size:23px!important;
    line-height:23px!important;
  }
}
@media(max-width:380px){
  body.chat-page .pi-chat-main .pi-chat-compose{
    gap:6px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  body.chat-page .pi-chat-main .pi-chat-emoji-toggle,
  body.chat-page .pi-chat-main .pi-chat-send-round{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex-basis:42px!important;
  }
  body.chat-page .pi-chat-main .pi-chat-compose textarea{
    height:42px!important;
    min-height:42px!important;
    padding:10px 13px!important;
    font-size:14px!important;
  }
}




body.chat-page #overlay.show{
  display:block!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:90!important;
  background:rgba(0,0,0,.58)!important;
}
body.chat-page #sidebar.open{
  z-index:120!important;
}

body.chat-page .pi-chat-avatar{
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.chat-page .pi-chat-avatar:focus-visible{
  outline:2px solid rgba(96,165,250,.62)!important;
  outline-offset:2px!important;
}

body.chat-page .pi-chat-bubble{
  overflow:visible!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble{
  border-radius:4px 16px 16px 16px!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
  border-radius:16px 4px 16px 16px!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::before,
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::before{
  content:''!important;
  position:absolute!important;
  bottom:-1px!important;
  width:12px!important;
  height:14px!important;
  border:0!important;
  box-shadow:none!important;
  z-index:0!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::before{
  left:-6px!important;
  background:linear-gradient(145deg,rgba(30,41,59,.95),rgba(15,23,42,.95))!important;
  clip-path:polygon(100% 0,0 100%,100% 100%)!important;
  border-bottom-left-radius:2px!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::before{
  right:-6px!important;
  background:linear-gradient(145deg,rgba(20,60,118,.96),rgba(15,35,79,.96))!important;
  clip-path:polygon(0 0,0 100%,100% 100%)!important;
  border-bottom-right-radius:2px!important;
}
body.chat-page .pi-chat-bubble > *{
  position:relative!important;
  z-index:1!important;
}
body.chat-page .pi-chat-focus .pi-chat-bubble{
  animation:chatFocusPulse 1.25s ease both!important;
}
@keyframes chatFocusPulse{
  0%,100%{box-shadow:0 8px 20px rgba(0,0,0,.20)!important}
  35%{box-shadow:0 8px 20px rgba(0,0,0,.20),0 0 0 3px rgba(96,165,250,.26)!important}
}

body.chat-page .pi-chat-quoted{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  margin:0 0 6px!important;
  padding:7px 9px 7px 10px!important;
  border:0!important;
  border-left:3px solid rgba(96,165,250,.72)!important;
  border-radius:10px!important;
  background:rgba(2,6,23,.36)!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-quoted{
  border-left-color:rgba(251,191,36,.72)!important;
  background:rgba(2,6,23,.26)!important;
}
body.chat-page .pi-chat-quoted b{
  color:#bfdbfe!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-quoted b{color:#fde68a!important}
body.chat-page .pi-chat-quoted span{
  color:rgba(226,232,240,.72)!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.chat-page .pi-chat-reply-compose{
  flex:0 0 auto!important;
  padding:8px 12px 0!important;
  background:linear-gradient(180deg,rgba(2,6,23,.86),rgba(2,6,23,.86))!important;
}
body.chat-page .pi-chat-reply-compose[hidden]{display:none!important}
body.chat-page .pi-chat-reply-box{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 8px 8px 10px!important;
  border:1px solid rgba(96,165,250,.24)!important;
  border-left:3px solid rgba(96,165,250,.72)!important;
  border-radius:14px!important;
  background:rgba(15,23,42,.86)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
body.chat-page .pi-chat-reply-box .material-symbols-rounded{
  font-size:20px!important;
  color:#93c5fd!important;
}
body.chat-page .pi-chat-reply-box div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
body.chat-page .pi-chat-reply-box b{
  color:#f8fafc!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.chat-page .pi-chat-reply-box small{
  color:rgba(203,213,225,.72)!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.chat-page .pi-chat-reply-box button{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(2,6,23,.58)!important;
  color:#e5e7eb!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
}

body.chat-page .pi-chat-message-actions{
  gap:6px!important;
  right:8px!important;
}
body.chat-page .pi-chat-message-actions button.reply-action{
  border-color:rgba(96,165,250,.36)!important;
  background:linear-gradient(145deg,rgba(30,64,175,.92),rgba(15,23,42,.90))!important;
  color:#bfdbfe!important;
}
body.chat-page .pi-chat-message-actions button.delete-action{
  border-color:rgba(248,113,113,.36)!important;
  background:linear-gradient(145deg,rgba(127,29,29,.92),rgba(69,10,10,.82))!important;
  color:#fecaca!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{
  padding-right:82px!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-message-actions:has(.delete-action:only-child),
body.chat-page .pi-chat-message.show-actions .pi-chat-message-actions:not(:has(.delete-action)){
  right:9px!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-message-actions:not(:has(.delete-action)) + *{}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble:has(.pi-chat-message-actions:not(:has(.delete-action))){
  padding-right:52px!important;
}

.pi-chat-profile-modal{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(0,0,0,.66)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease!important;
}
.pi-chat-profile-modal.show{
  opacity:1!important;
  pointer-events:auto!important;
}
.pi-chat-profile-card{
  position:relative!important;
  width:min(520px,100%)!important;
  border-radius:26px!important;
  border:1px solid rgba(96,165,250,.22)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
  padding:18px!important;
  color:#e5e7eb!important;
  transform:translateY(8px) scale(.98)!important;
  transition:transform .16s ease!important;
}
.pi-chat-profile-modal.show .pi-chat-profile-card{transform:translateY(0) scale(1)!important}
.pi-chat-profile-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:34px!important;
  height:34px!important;
  border-radius:13px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(2,6,23,.66)!important;
  color:#f8fafc!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.pi-chat-profile-top{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding-right:38px!important;
  margin-bottom:14px!important;
}
.pi-chat-profile-top .pi-chat-avatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  flex-basis:58px!important;
  border-radius:20px!important;
  cursor:default!important;
}
.pi-chat-profile-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important}
.pi-chat-profile-main .pi-chat-name-line strong{font-size:18px!important;max-width:100%!important}
.pi-chat-profile-main small{color:rgba(203,213,225,.72)!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.pi-chat-profile-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.pi-chat-profile-info{
  min-width:0!important;
  padding:10px 11px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.58)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.pi-chat-profile-info span{
  display:block!important;
  color:rgba(148,163,184,.86)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.9px!important;
  text-transform:uppercase!important;
  margin-bottom:5px!important;
}
.pi-chat-profile-info b{
  display:block!important;
  color:#f8fafc!important;
  font-size:13px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pi-chat-profile-hint{
  margin:12px 2px 0!important;
  color:rgba(186,230,253,.70)!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
@media(max-width:620px){
  body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{padding-right:78px!important}
  body.chat-page .pi-chat-message.show-actions .pi-chat-bubble:has(.pi-chat-message-actions:not(:has(.delete-action))){padding-right:48px!important}
  .pi-chat-profile-card{border-radius:22px!important;padding:15px!important}
  .pi-chat-profile-grid{grid-template-columns:1fr!important}
  .pi-chat-profile-top{grid-template-columns:52px minmax(0,1fr)!important}
  .pi-chat-profile-top .pi-chat-avatar{width:52px!important;height:52px!important;min-width:52px!important;flex-basis:52px!important}
}




body.chat-page .pi-chat-presence-text{
  display:none!important;
}
body.chat-page .pi-chat-status-box{
  min-width:auto!important;
}
body.chat-page .pi-chat-status-stack{
  justify-content:flex-end!important;
}
body.chat-page .pi-chat-typing{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 14px 2px!important;
  color:rgba(186,230,253,.86)!important;
  font-size:12px!important;
  font-weight:800!important;
  background:linear-gradient(180deg,rgba(2,6,23,.86),rgba(2,6,23,.86))!important;
}
body.chat-page .pi-chat-typing[hidden]{display:none!important}
body.chat-page .pi-chat-typing b{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.chat-page .pi-chat-typing-dots{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  flex:0 0 auto!important;
}
body.chat-page .pi-chat-typing-dots i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#7dd3fc!important;
  opacity:.35!important;
  animation:yutaTypingDot 1.05s infinite ease-in-out!important;
}
body.chat-page .pi-chat-typing-dots i:nth-child(2){animation-delay:.14s!important}
body.chat-page .pi-chat-typing-dots i:nth-child(3){animation-delay:.28s!important}
@keyframes yutaTypingDot{
  0%,80%,100%{opacity:.32!important;transform:translateY(0)!important}
  40%{opacity:1!important;transform:translateY(-3px)!important}
}


body.chat-page .pi-chat-bubble{
  overflow:visible!important;
  transform:translateZ(0)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,padding-right .16s ease!important;
}
body.chat-page .pi-chat-message .pi-chat-bubble::before{
  content:none!important;
  display:none!important;
}
body.chat-page .pi-chat-message .pi-chat-bubble::after{
  content:''!important;
  position:absolute!important;
  bottom:2px!important;
  width:10px!important;
  height:10px!important;
  z-index:0!important;
  pointer-events:none!important;
  transform:rotate(45deg)!important;
  border-radius:2px!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble{
  border-radius:16px 16px 16px 5px!important;
  background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.96))!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::after{
  left:-4px!important;
  background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.96))!important;
  border-left:1px solid rgba(148,163,184,.10)!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
  border-radius:16px 16px 5px 16px!important;
  background:linear-gradient(145deg,rgba(20,60,118,.96),rgba(15,35,79,.96))!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::after{
  right:-4px!important;
  background:linear-gradient(145deg,rgba(20,60,118,.96),rgba(15,35,79,.96))!important;
  border-right:1px solid rgba(96,165,250,.12)!important;
  border-bottom:1px solid rgba(96,165,250,.12)!important;
}
body.chat-page .pi-chat-bubble > *{
  position:relative!important;
  z-index:1!important;
}


body.chat-page .pi-chat-message.is-swiping .pi-chat-bubble{
  will-change:transform!important;
  box-shadow:0 10px 24px rgba(0,0,0,.26),0 0 0 1px rgba(96,165,250,.14)!important;
}
body.chat-page .pi-chat-message.is-swiping .pi-chat-bubble::before{
  content:'reply'!important;
  display:flex!important;
  position:absolute!important;
  top:50%!important;
  width:28px!important;
  height:28px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  font-family:'Material Symbols Rounded'!important;
  font-size:18px!important;
  line-height:1!important;
  color:#bfdbfe!important;
  background:rgba(30,64,175,.78)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
  transform:translateY(-50%)!important;
  z-index:-1!important;
  opacity:.72!important;
}
body.chat-page .pi-chat-message:not(.is-mine).is-swiping .pi-chat-bubble::before{left:-40px!important}
body.chat-page .pi-chat-message.is-mine.is-swiping .pi-chat-bubble::before{right:-40px!important;transform:translateY(-50%) scaleX(-1)!important}
body.chat-page .pi-chat-message.swipe-ready .pi-chat-bubble::before{
  opacity:1!important;
  background:linear-gradient(145deg,rgba(59,130,246,.92),rgba(14,165,233,.72))!important;
  color:#f8fafc!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{
  padding-right:52px!important;
}
body.chat-page .pi-chat-message-actions .reply-action{
  display:none!important;
}


@media(max-width:620px){
  body.chat-page .pi-chat-status-box{max-width:none!important;align-items:flex-end!important}
  body.chat-page .pi-chat-badge{min-height:28px!important;padding:0 10px!important;font-size:10px!important}
  body.chat-page .pi-chat-message .pi-chat-bubble::after{width:9px!important;height:9px!important;bottom:2px!important}
  body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::after{left:-3px!important}
  body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::after{right:-3px!important}
  body.chat-page .pi-chat-typing{padding:6px 12px 1px!important;font-size:11px!important}
  body.chat-page .pi-chat-message:not(.is-mine).is-swiping .pi-chat-bubble::before{left:-34px!important}
  body.chat-page .pi-chat-message.is-mine.is-swiping .pi-chat-bubble::before{right:-34px!important}
}
@media(min-width:1280px){
  body.chat-page .pi-chat-bubble{max-width:min(68%,760px)!important}
}
@media(max-width:360px){
  body.chat-page .pi-chat-bubble{max-width:80%!important}
  body.chat-page .pi-chat-name-line strong{max-width:112px!important}
  body.chat-page .pi-chat-compose{gap:5px!important}
}





body.chat-page .pi-chat-presence-text{display:none!important}

body.chat-page .pi-chat-message{
  touch-action:pan-y!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
body.chat-page .pi-chat-bubble{
  overflow:visible!important;
  border-radius:16px!important;
  transition:transform .16s cubic-bezier(.2,.8,.2,1), box-shadow .16s ease, border-color .16s ease!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble{
  border-radius:16px!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
  border-radius:16px!important;
}


body.chat-page .pi-chat-message .pi-chat-bubble::before{
  content:none!important;
  display:none!important;
}


body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::after,
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::after{
  content:''!important;
  position:absolute!important;
  bottom:0!important;
  width:0!important;
  height:0!important;
  pointer-events:none!important;
  display:block!important;
  background:transparent!important;
  filter:none!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::after{
  left:-5px!important;
  border-right:6px solid rgba(15,23,42,.95)!important;
  border-top:7px solid transparent!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::after{
  right:-5px!important;
  border-left:6px solid rgba(15,35,79,.96)!important;
  border-top:7px solid transparent!important;
}
body.chat-page .pi-chat-message.is-deleted .pi-chat-bubble::after{
  border-left-color:rgba(15,35,79,.96)!important;
  border-right-color:rgba(15,23,42,.95)!important;
}


body.chat-page .pi-chat-message.is-swiping .pi-chat-bubble{
  box-shadow:0 10px 26px rgba(37,99,235,.22)!important;
  border-color:rgba(96,165,250,.34)!important;
}
body.chat-page .pi-chat-message.swipe-ready .pi-chat-bubble{
  border-color:rgba(34,197,94,.45)!important;
}
body.chat-page .pi-chat-message.is-swiping::after{
  content:'reply'!important;
  font-family:'Material Symbols Rounded'!important;
  position:absolute!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#bfdbfe!important;
  background:rgba(30,64,175,.36)!important;
  border:1px solid rgba(96,165,250,.28)!important;
  opacity:.92!important;
  pointer-events:none!important;
}
body.chat-page .pi-chat-message:not(.is-mine).is-swiping::after{left:43px!important;}
body.chat-page .pi-chat-message.is-mine.is-swiping::after{right:8px!important;}


body.chat-page .pi-chat-quoted{
  border-radius:10px!important;
  border-left:3px solid rgba(250,204,21,.9)!important;
  background:rgba(2,6,23,.28)!important;
  box-shadow:none!important;
}

@media(max-width:620px){
  body.chat-page .pi-chat-bubble,
  body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble,
  body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
    border-radius:15px!important;
  }
  body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::after{
    left:-4px!important;
    border-right-width:5px!important;
    border-top-width:6px!important;
  }
  body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::after{
    right:-4px!important;
    border-left-width:5px!important;
    border-top-width:6px!important;
  }
  body.chat-page .pi-chat-message:not(.is-mine).is-swiping::after{left:36px!important;}
  body.chat-page .pi-chat-message.is-mine.is-swiping::after{right:6px!important;}
}






body.chat-page .pi-chat-message .pi-chat-bubble{
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(96,165,250,.14)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  min-height:unset!important;
  width:fit-content!important;
  max-width:min(78%,520px)!important;
  padding:10px 12px!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble{
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.96))!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(25,77,150,.96),rgba(16,47,105,.96))!important;
}
body.chat-page .pi-chat-message .pi-chat-bubble::before,
body.chat-page .pi-chat-message .pi-chat-bubble::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
body.chat-page .pi-chat-message-top{
  margin-bottom:4px!important;
  align-items:center!important;
}
body.chat-page .pi-chat-bubble p{
  font-size:14px!important;
  line-height:1.42!important;
  margin:0!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-deleted{
  font-style:italic!important;
  color:rgba(226,232,240,.86)!important;
}
body.chat-page .pi-chat-message.is-deleted .pi-chat-bubble{
  border-radius:16px!important;
  padding:10px 12px!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{
  padding-right:52px!important;
}
body.chat-page .pi-chat-message.is-swiping .pi-chat-bubble{
  overflow:hidden!important;
  transform-origin:center!important;
}
body.chat-page .pi-chat-message.swipe-ready .pi-chat-bubble{
  border-color:rgba(34,197,94,.42)!important;
}
@media(max-width:620px){
  body.chat-page .pi-chat-message .pi-chat-bubble{
    border-radius:15px!important;
    max-width:82%!important;
    padding:9px 11px!important;
  }
  body.chat-page .pi-chat-bubble p{
    font-size:13.6px!important;
    line-height:1.4!important;
  }
}
@media(max-width:360px){
  body.chat-page .pi-chat-message .pi-chat-bubble{
    max-width:86%!important;
  }
}





body.chat-page .pi-chat-message .pi-chat-bubble{
  width:auto!important;
  min-width:0!important;
  max-width:min(74%,500px)!important;
  min-height:0!important;
  padding:6px 8px 6px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble,
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble,
body.chat-page .pi-chat-message.is-deleted .pi-chat-bubble{
  border-radius:14px!important;
  padding:6px 8px 6px!important;
}
body.chat-page .pi-chat-message .pi-chat-bubble::before,
body.chat-page .pi-chat-message .pi-chat-bubble::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
}
body.chat-page .pi-chat-message-top{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 2px!important;
  min-height:0!important;
  line-height:1!important;
}
body.chat-page .pi-chat-name-line{
  gap:2px!important;
  line-height:1!important;
}
body.chat-page .pi-chat-name-line strong{
  font-size:12.5px!important;
  line-height:1!important;
}
body.chat-page .pi-chat-message-top time{
  margin-left:4px!important;
  font-size:10px!important;
  line-height:1!important;
  opacity:.78!important;
}
body.chat-page .pi-chat-bubble p{
  font-size:13.5px!important;
  line-height:1.28!important;
  margin:0!important;
  padding:0!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-deleted{
  font-size:13.5px!important;
  line-height:1.28!important;
}
body.chat-page .pi-chat-quoted{
  margin:2px 0 5px!important;
  padding:6px 7px!important;
  border-radius:10px!important;
}
body.chat-page .pi-chat-message-actions{
  top:50%!important;
  transform:translateY(-50%)!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{
  padding-right:48px!important;
}

body.chat-page .pi-chat-message:has(.pi-chat-emoji-only.one-emoji) .pi-chat-bubble{
  padding:6px 8px!important;
  border-radius:15px!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.one-emoji .pi-chat-custom-emoji{
  width:72px!important;
  height:72px!important;
}
@media(max-width:620px){
  body.chat-page .pi-chat-messages{
    gap:7px!important;
    padding:12px 10px 12px!important;
  }
  body.chat-page .pi-chat-message .pi-chat-bubble{
    max-width:76%!important;
    padding:5px 8px 5px!important;
    border-radius:13px!important;
  }
  body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble,
  body.chat-page .pi-chat-message.is-mine .pi-chat-bubble,
  body.chat-page .pi-chat-message.is-deleted .pi-chat-bubble{
    border-radius:13px!important;
    padding:5px 8px 5px!important;
  }
  body.chat-page .pi-chat-name-line strong{
    font-size:12px!important;
  }
  body.chat-page .pi-chat-message-top time{
    font-size:9.5px!important;
  }
  body.chat-page .pi-chat-bubble p,
  body.chat-page .pi-chat-bubble p.pi-chat-deleted{
    font-size:13.1px!important;
    line-height:1.25!important;
  }
  body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.one-emoji .pi-chat-custom-emoji{
    width:66px!important;
    height:66px!important;
  }
}
@media(max-width:360px){
  body.chat-page .pi-chat-message .pi-chat-bubble{
    max-width:80%!important;
    padding:5px 7px!important;
  }
}







body.chat-page .pi-chat-messages{
  gap:5px!important;
  padding:10px 10px 14px!important;
}
body.chat-page .pi-chat-message{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
}
body.chat-page .pi-chat-message:not(.is-mine){justify-content:flex-start!important;}
body.chat-page .pi-chat-message.is-mine{justify-content:flex-end!important;}
body.chat-page .pi-chat-avatar{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
  font-size:10px!important;
  margin-bottom:2px!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-avatar{display:none!important;}
body.chat-page .pi-chat-message .pi-chat-bubble,
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble,
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble,
body.chat-page .pi-chat-message.is-deleted .pi-chat-bubble{
  position:relative!important;
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(78%,520px)!important;
  min-height:0!important;
  margin:0!important;
  padding:5px 8px 5px!important;
  border-radius:9px!important;
  overflow:visible!important;
  box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
  border:1px solid rgba(148,163,184,.10)!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble{
  background:linear-gradient(145deg,rgba(31,41,55,.98),rgba(17,24,39,.98))!important;
  border-color:rgba(148,163,184,.10)!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble{
  background:linear-gradient(145deg,rgba(30,83,154,.98),rgba(18,52,111,.98))!important;
  border-color:rgba(96,165,250,.19)!important;
}
body.chat-page .pi-chat-message .pi-chat-bubble::before,
body.chat-page .pi-chat-message .pi-chat-bubble::after,
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::before,
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble::after,
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::before,
body.chat-page .pi-chat-message.is-mine .pi-chat-bubble::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  clip-path:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body.chat-page .pi-chat-message-top{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  margin:0 0 2px!important;
  min-height:0!important;
  line-height:1!important;
}
body.chat-page .pi-chat-name-line{
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  min-width:0!important;
  line-height:1!important;
}
body.chat-page .pi-chat-name-line strong{
  font-size:12px!important;
  line-height:1!important;
  max-width:160px!important;
}
body.chat-page .pi-chat-message-top time{
  position:static!important;
  margin:0 0 0 4px!important;
  padding:0!important;
  font-size:9.5px!important;
  line-height:1!important;
  color:rgba(203,213,225,.58)!important;
  white-space:nowrap!important;
}
body.chat-page .pi-chat-bubble p,
body.chat-page .pi-chat-bubble p.pi-chat-deleted{
  margin:0!important;
  padding:0!important;
  font-size:13.7px!important;
  line-height:1.24!important;
  color:rgba(248,250,252,.93)!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-deleted{
  font-style:italic!important;
  color:rgba(226,232,240,.84)!important;
}
body.chat-page .pi-chat-quoted{
  margin:1px 0 4px!important;
  padding:5px 7px!important;
  border-radius:8px!important;
  max-width:100%!important;
}
body.chat-page .pi-chat-quoted b{font-size:10.5px!important;line-height:1!important;}
body.chat-page .pi-chat-quoted span{font-size:11px!important;line-height:1.15!important;}


body.chat-page .pi-chat-message:has(.pi-chat-emoji-only.one-emoji) .pi-chat-bubble{
  padding:4px 6px!important;
  border-radius:10px!important;
  min-width:0!important;
}
body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.one-emoji .pi-chat-custom-emoji{
  width:74px!important;
  height:74px!important;
}


body.chat-page .pi-chat-message-actions{
  position:absolute!important;
  top:50%!important;
  right:-40px!important;
  left:auto!important;
  transform:translateY(-50%) scale(.96)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:30!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-message-actions{
  left:-40px!important;
  right:auto!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble,
body.chat-page .pi-chat-message.show-actions .pi-chat-message.is-mine .pi-chat-bubble{
  padding:5px 8px 5px!important;
  border-color:rgba(248,113,113,.30)!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-message-actions{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(-50%) scale(1)!important;
}
body.chat-page .pi-chat-message-actions button{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border-radius:50%!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  border:1px solid rgba(248,113,113,.36)!important;
  background:linear-gradient(145deg,rgba(127,29,29,.95),rgba(69,10,10,.88))!important;
  color:#fecaca!important;
  box-shadow:0 10px 22px rgba(0,0,0,.32)!important;
}
body.chat-page .pi-chat-message-actions .material-symbols-rounded{
  font-size:17px!important;
  line-height:1!important;
}


body.chat-page .chat-admin-toggle,
body.chat-page .pi-chat-send-round,
body.chat-page .pi-chat-emoji-toggle,
body.chat-page .pi-chat-profile-close,
body.chat-page .pi-chat-reply-box button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
body.chat-page .chat-admin-toggle{
  min-height:36px!important;
  padding:0 16px!important;
}
body.chat-page .pi-chat-profile-close,
body.chat-page .pi-chat-reply-box button{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  padding:0!important;
  font-size:20px!important;
  font-weight:900!important;
}


body.chat-page .pi-chat-message.is-swiping .pi-chat-bubble{
  box-shadow:0 5px 14px rgba(0,0,0,.18),0 0 0 1px rgba(96,165,250,.22)!important;
}
body.chat-page .pi-chat-message.swipe-ready .pi-chat-bubble{
  border-color:rgba(34,197,94,.38)!important;
}

@media(max-width:620px){
  body.chat-page .pi-chat-messages{
    gap:5px!important;
    padding:10px 8px 12px!important;
  }
  body.chat-page .pi-chat-avatar{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    flex-basis:27px!important;
  }
  body.chat-page .pi-chat-message .pi-chat-bubble,
  body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble,
  body.chat-page .pi-chat-message.is-mine .pi-chat-bubble,
  body.chat-page .pi-chat-message.is-deleted .pi-chat-bubble{
    max-width:80%!important;
    padding:5px 7px!important;
    border-radius:8px!important;
  }
  body.chat-page .pi-chat-name-line strong{font-size:11.8px!important;max-width:135px!important;}
  body.chat-page .pi-chat-message-top time{font-size:9px!important;}
  body.chat-page .pi-chat-bubble p,
  body.chat-page .pi-chat-bubble p.pi-chat-deleted{
    font-size:13.3px!important;
    line-height:1.22!important;
  }
  body.chat-page .pi-chat-message-actions{right:-34px!important;}
  body.chat-page .pi-chat-message.is-mine .pi-chat-message-actions{left:-34px!important;}
  body.chat-page .pi-chat-message-actions button{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
  }
  body.chat-page .pi-chat-bubble p.pi-chat-emoji-only.one-emoji .pi-chat-custom-emoji{
    width:66px!important;
    height:66px!important;
  }
}
@media(max-width:360px){
  body.chat-page .pi-chat-message .pi-chat-bubble,
  body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-bubble,
  body.chat-page .pi-chat-message.is-mine .pi-chat-bubble,
  body.chat-page .pi-chat-message.is-deleted .pi-chat-bubble{
    max-width:83%!important;
  }
  body.chat-page .pi-chat-name-line strong{max-width:112px!important;}
}





body.chat-page .pi-chat-message.has-reply .pi-chat-bubble{
  min-width:min(210px,72vw)!important;
}
body.chat-page .pi-chat-message.has-reply .pi-chat-quoted{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.chat-page .pi-chat-message.has-reply .pi-chat-quoted b,
body.chat-page .pi-chat-message.has-reply .pi-chat-quoted span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.chat-page .pi-chat-message .pi-chat-message-actions,
body.chat-page .pi-chat-message.is-mine .pi-chat-message-actions{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  flex:0 0 31px!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:5!important;
}
body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-message-actions{
  order:3!important;
  margin-left:6px!important;
}
body.chat-page .pi-chat-message.is-mine .pi-chat-message-actions{
  order:-1!important;
  margin-right:6px!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-message-actions{
  display:inline-flex!important;
}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble,
body.chat-page .pi-chat-message.is-mine.show-actions .pi-chat-bubble,
body.chat-page .pi-chat-message:not(.is-mine).show-actions .pi-chat-bubble{
  padding:5px 8px!important;
  border-color:rgba(248,113,113,.30)!important;
}
body.chat-page .pi-chat-message-actions button,
body.chat-page .pi-chat-message-actions .delete-action{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
body.chat-page .pi-chat-message-actions .material-symbols-rounded{
  display:block!important;
  width:17px!important;
  height:17px!important;
  font-size:17px!important;
  line-height:17px!important;
  text-align:center!important;
}
body.chat-page .pi-chat-reply-box button,
.pi-chat-profile-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0!important;
  line-height:1!important;
}
@media(max-width:620px){
  body.chat-page .pi-chat-message.has-reply .pi-chat-bubble{
    min-width:min(168px,70vw)!important;
  }
  body.chat-page .pi-chat-message .pi-chat-message-actions,
  body.chat-page .pi-chat-message.is-mine .pi-chat-message-actions{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    flex-basis:29px!important;
  }
  body.chat-page .pi-chat-message:not(.is-mine) .pi-chat-message-actions{margin-left:5px!important;}
  body.chat-page .pi-chat-message.is-mine .pi-chat-message-actions{margin-right:5px!important;}
  body.chat-page .pi-chat-message-actions button,
  body.chat-page .pi-chat-message-actions .delete-action{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
  }
}







body.chat-page #chatToggleBtn[hidden],
body.chat-page .chat-admin-toggle[hidden]{
  display:none!important;
}
body.chat-page .pi-chat-input-wrap{
  order:2!important;
  position:relative!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  display:block!important;
}
body.chat-page .pi-chat-main .pi-chat-input-wrap textarea{
  width:100%!important;
}
body.chat-page .pi-chat-compose.is-locked .pi-chat-input-wrap textarea{
  opacity:1!important;
  cursor:not-allowed!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:rgba(2,6,23,.92)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(0,0,0,.18)!important;
}
body.chat-page .pi-chat-input-locked-text{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 16px!important;
  pointer-events:none!important;
  user-select:none!important;
  font:600 13.5px/1.2 Inter,system-ui,sans-serif!important;
  color:rgba(203,213,225,.58)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.chat-page .pi-chat-input-locked-text[hidden]{display:none!important;}
body.chat-page .pi-chat-input-locked-text b{
  color:#ffffff!important;
  font-weight:800!important;
  margin:0 4px!important;
}
body.chat-page .pi-chat-compose.is-locked .pi-chat-emoji-toggle,
body.chat-page .pi-chat-compose.is-locked .pi-chat-send-round{
  opacity:.45!important;
  cursor:not-allowed!important;
  filter:grayscale(.22)!important;
}
@media(max-width:380px){
  body.chat-page .pi-chat-input-locked-text{
    font-size:12px!important;
    padding:0 13px!important;
  }
}




body.chat-page .pi-chat-selection-bar[hidden],
body.chat-page .pi-chat-reaction-tray[hidden]{display:none!important}
body.chat-page .pi-chat-selection-bar{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 12px!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(2,6,23,.92))!important;
  color:#e5e7eb!important;
  position:relative!important;
  z-index:35!important;
}
body.chat-page .pi-chat-selection-bar button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:50%!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.72)!important;
  color:#e5e7eb!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.chat-page .pi-chat-selection-bar button .material-symbols-rounded{
  display:block!important;
  font-size:20px!important;
  line-height:20px!important;
  width:20px!important;
  height:20px!important;
  text-align:center!important;
}
body.chat-page .pi-chat-selection-bar .sel-close{background:rgba(2,6,23,.72)!important}
body.chat-page .pi-chat-selection-bar .sel-count{
  font:900 15px/1 Inter,system-ui,sans-serif!important;
  color:#f8fafc!important;
  min-width:18px!important;
  text-align:center!important;
}
body.chat-page .pi-chat-selection-bar .sel-spacer{flex:1 1 auto!important}
body.chat-page .pi-chat-selection-bar .sel-delete{
  color:#fecaca!important;
  border-color:rgba(248,113,113,.30)!important;
  background:rgba(127,29,29,.24)!important;
}
body.chat-page .pi-chat-reaction-tray{
  position:absolute!important;
  left:12px!important;
  right:auto!important;
  bottom:-52px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:7px!important;
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.96)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.42)!important;
  z-index:40!important;
}
body.chat-page .pi-chat-reaction-tray button{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:50%!important;
  border:0!important;
  background:rgba(255,255,255,.06)!important;
  font-size:19px!important;
  line-height:1!important;
  color:#fff!important;
}
body.chat-page .pi-chat-reaction-tray button.more{
  font:900 18px/1 Inter,system-ui,sans-serif!important;
  background:rgba(96,165,250,.22)!important;
  color:#bfdbfe!important;
}
body.chat-page .pi-chat-message.is-selected .pi-chat-bubble{
  outline:2px solid rgba(96,165,250,.28)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20),0 0 0 1px rgba(96,165,250,.12)!important;
}
body.chat-page .pi-chat-message-actions{display:none!important}
body.chat-page .pi-chat-message.show-actions .pi-chat-bubble{padding:5px 8px!important}
body.chat-page .pi-chat-forwarded{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0 0 3px!important;
  color:rgba(203,213,225,.70)!important;
  font-size:10.5px!important;
  font-weight:800!important;
  font-style:italic!important;
}
body.chat-page .pi-chat-forwarded .material-symbols-rounded{font-size:13px!important;line-height:1!important}
body.chat-page .pi-chat-reactions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  margin:4px -2px -6px 0!important;
}
body.chat-page .pi-chat-reaction-pill{
  min-width:24px!important;
  height:19px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(2,6,23,.70)!important;
  color:#f8fafc!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font:800 12px/1 Inter,system-ui,sans-serif!important;
  cursor:pointer!important;
}
body.chat-page .pi-chat-reaction-pill.mine{
  border-color:rgba(96,165,250,.42)!important;
  background:rgba(30,64,175,.38)!important;
}
.pi-chat-delete-sheet{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:16px!important;
  background:rgba(0,0,0,.35)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .15s ease!important;
}
.pi-chat-delete-sheet.show{opacity:1!important;pointer-events:auto!important}
.pi-chat-delete-card{
  width:min(540px,100%)!important;
  border-radius:24px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.50)!important;
  padding:16px!important;
  color:#e5e7eb!important;
}
.pi-chat-delete-card>b{
  display:block!important;
  margin:0 0 12px!important;
  color:rgba(226,232,240,.82)!important;
  font-size:13px!important;
  font-weight:700!important;
}
.pi-chat-delete-options{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.pi-chat-delete-options button{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  background:rgba(15,23,42,.78)!important;
  color:#f8fafc!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.pi-chat-delete-options button.danger{
  border-color:rgba(248,113,113,.32)!important;
  background:rgba(127,29,29,.24)!important;
  color:#fecaca!important;
}
body.chat-page .pi-chat-compose.is-locked,
body.chat-page .pi-chat-compose.is-locked *{
  -webkit-user-select:none!important;
  user-select:none!important;
}
body.chat-page .pi-chat-compose.is-locked .pi-chat-input-wrap,
body.chat-page .pi-chat-compose.is-locked textarea{
  pointer-events:none!important;
}
@media(max-width:620px){
  body.chat-page .pi-chat-selection-bar{padding:7px 10px!important;gap:7px!important}
  body.chat-page .pi-chat-selection-bar button{width:31px!important;height:31px!important;min-width:31px!important}
  body.chat-page .pi-chat-selection-bar button .material-symbols-rounded{font-size:18px!important;width:18px!important;height:18px!important;line-height:18px!important}
  body.chat-page .pi-chat-reaction-tray{left:8px!important;bottom:-48px!important;gap:4px!important;padding:6px!important}
  body.chat-page .pi-chat-reaction-tray button{width:29px!important;height:29px!important;min-width:29px!important;font-size:17px!important}
  .pi-chat-delete-options{justify-content:stretch!important}
  .pi-chat-delete-options button{flex:1 1 auto!important}
}

body.chat-page .pi-chat-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap}
body.chat-page .pi-chat-admin-actions[hidden],body.chat-page .chat-admin-clear[hidden],body.chat-page .chat-admin-toggle[hidden]{display:none!important}
body.chat-page .chat-admin-clear,body.chat-page .chat-admin-toggle{min-height:38px!important;height:38px!important;padding:0 16px!important;border-radius:999px!important;font-size:15px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}
body.chat-page .chat-admin-clear{background:linear-gradient(180deg,rgba(148,163,184,.12),rgba(15,23,42,.82))!important;border:1px solid rgba(148,163,184,.20)!important;color:#e5e7eb!important;box-shadow:none!important}
body.chat-page .chat-admin-toggle{background:linear-gradient(180deg,rgba(127,29,29,.30),rgba(30,41,59,.72))!important;border:1px solid rgba(248,113,113,.30)!important;color:#fecdd3!important;box-shadow:none!important}
body.chat-page .chat-admin-toggle:not(.danger){background:linear-gradient(180deg,rgba(16,185,129,.22),rgba(15,23,42,.76))!important;border-color:rgba(52,211,153,.30)!important;color:#bbf7d0!important}
body.chat-page .pi-chat-message.is-selected{background:linear-gradient(90deg,rgba(96,165,250,.12),rgba(96,165,250,.04),transparent)!important;box-shadow:inset 3px 0 0 rgba(96,165,250,.70)!important;border-radius:12px!important}
body.chat-page .pi-chat-message.is-selected.is-mine{background:linear-gradient(270deg,rgba(96,165,250,.14),rgba(96,165,250,.04),transparent)!important;box-shadow:inset -3px 0 0 rgba(96,165,250,.70)!important}
body.chat-page .pi-chat-selection-bar{display:flex!important;align-items:center!important;gap:10px!important;min-height:50px!important;padding:8px 10px!important;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.92))!important;border:1px solid rgba(96,165,250,.16)!important;border-radius:16px!important;margin:8px 0 10px!important;box-shadow:0 18px 40px rgba(0,0,0,.22)!important}
body.chat-page .pi-chat-selection-bar[hidden]{display:none!important}
body.chat-page .pi-chat-selection-bar button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:999px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px solid rgba(148,163,184,.16)!important;background:rgba(15,23,42,.76)!important;color:#dbeafe!important;box-shadow:none!important}
body.chat-page .pi-chat-selection-bar button .material-symbols-rounded{font-size:21px!important;line-height:1!important;display:block!important;margin:0!important}
body.chat-page .pi-chat-selection-bar .sel-close{background:rgba(15,23,42,.92)!important;color:#e5e7eb!important}
body.chat-page .pi-chat-selection-bar .sel-delete{background:rgba(127,29,29,.24)!important;border-color:rgba(248,113,113,.28)!important;color:#fecaca!important}
body.chat-page .pi-chat-selection-bar .sel-count{font:800 18px/1 Inter,system-ui,sans-serif!important;color:#f8fafc!important;min-width:26px!important;text-align:center!important}
body.chat-page .pi-chat-selection-bar .sel-spacer{flex:1 1 auto!important}
body.chat-page .pi-chat-reaction-tray{position:absolute!important;left:10px!important;right:auto!important;top:52px!important;z-index:20!important;display:flex!important;align-items:center!important;gap:6px!important;padding:7px!important;border-radius:999px!important;background:rgba(15,23,42,.96)!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 18px 40px rgba(0,0,0,.34)!important}
body.chat-page .pi-chat-reaction-tray[hidden]{display:none!important}
body.chat-page .pi-chat-reaction-tray button{font-size:20px!important;background:transparent!important;border:0!important;color:#fff!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
@media(max-width:620px){body.chat-page .pi-chat-head{align-items:flex-start!important}body.chat-page .pi-chat-admin-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}body.chat-page .chat-admin-clear,body.chat-page .chat-admin-toggle{width:100%!important}body.chat-page .pi-chat-selection-bar{border-radius:14px!important;padding:7px!important;gap:7px!important}body.chat-page .pi-chat-selection-bar button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}body.chat-page .pi-chat-selection-bar button .material-symbols-rounded{font-size:19px!important}}

.user-mini-avatar{width:54px!important;height:54px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(12,25,52,.96),rgba(19,60,140,.78))!important;border:1px solid rgba(96,165,250,.24)!important;box-shadow:0 10px 24px rgba(2,8,23,.24)!important;overflow:hidden!important;flex-shrink:0!important}
.user-mini-avatar span{font:800 16px/1 Inter,system-ui,sans-serif!important;color:#eff6ff!important;letter-spacing:.04em!important}
.user-mini-avatar.theme-owner{background:linear-gradient(135deg,rgba(92,18,18,.96),rgba(185,28,28,.78))!important;border-color:rgba(248,113,113,.28)!important}
.user-mini-avatar.theme-admin{background:linear-gradient(135deg,rgba(9,34,70,.96),rgba(29,78,216,.78))!important}
.user-admin-card.compact-admin-card,.update-card.compact-admin-card,.update-key-card.compact-admin-card{border:1px solid rgba(96,165,250,.14)!important;background:linear-gradient(180deg,rgba(7,16,36,.96),rgba(4,9,24,.96))!important;box-shadow:0 18px 46px rgba(2,8,23,.22)!important;overflow:hidden!important;contain:content!important;content-visibility:auto!important;contain-intrinsic-size:240px}
.user-admin-card .admin-card-details,.update-card .admin-card-details,.update-key-card .admin-card-details{margin-top:8px!important;border-top:1px solid rgba(96,165,250,.1)!important;padding-top:10px!important}
.user-admin-card .admin-card-details summary,.update-card .admin-card-details summary,.update-key-card .admin-card-details summary{list-style:none!important;display:flex!important;align-items:center!important;gap:8px!important;padding:12px 14px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(12,24,48,.94),rgba(9,18,39,.94))!important;border:1px solid rgba(96,165,250,.14)!important;color:#dbeafe!important;cursor:pointer!important;font-weight:700!important}
.user-admin-card .admin-card-details summary::-webkit-details-marker,.update-card .admin-card-details summary::-webkit-details-marker,.update-key-card .admin-card-details summary::-webkit-details-marker{display:none!important}
.user-info-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important;margin-top:12px!important}
.user-info-item{padding:12px!important;border-radius:14px!important;background:rgba(8,15,31,.92)!important;border:1px solid rgba(96,165,250,.1)!important}
.user-info-item span{display:block!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#7dd3fc!important;margin-bottom:6px!important}
.user-info-item strong{display:block!important;color:#f8fafc!important;font-size:14px!important;line-height:1.45!important;word-break:break-word!important}
.user-info-item small{display:block!important;color:#94a3b8!important;margin-top:6px!important;line-height:1.45!important}
.user-actions.compact-actions,.key-actions.compact-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:9px!important;margin-top:14px!important}
.user-admin-card .action-btn,.update-card .action-btn,.update-key-card .action-btn{min-height:44px!important;border-radius:14px!important}
.users-admin-head,.admin-search-inline{align-items:center!important;background:linear-gradient(180deg,rgba(8,14,28,.96),rgba(5,10,23,.96))!important;border:1px solid rgba(96,165,250,.12)!important;border-radius:16px!important;padding:12px 14px!important}
.users-admin-head{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.user-search-box{display:grid!important;grid-template-columns:1fr auto auto!important;gap:10px!important;padding:12px!important;border-radius:16px!important;background:rgba(6,12,27,.94)!important;border:1px solid rgba(96,165,250,.12)!important;margin-bottom:12px!important}
@media(max-width:720px){.user-search-box{grid-template-columns:1fr!important}}
.user-search-field{display:flex!important;align-items:center!important;gap:8px!important;background:rgba(2,6,23,.92)!important;border:1px solid rgba(96,165,250,.1)!important;border-radius:14px!important;padding:0 12px!important}
.user-search-field input,.admin-search-inline input{width:100%!important;background:transparent!important;border:none!important;outline:none!important;color:#e5eefc!important;min-height:42px!important}
.update-meta,.user-profile-mini{align-items:center!important}
.update-meta{display:grid!important;gap:4px!important}
.route-desc{margin-top:12px!important;padding:12px!important;border-radius:14px!important;background:rgba(8,15,31,.92)!important;border:1px solid rgba(96,165,250,.1)!important;white-space:pre-wrap!important;line-height:1.5!important;color:#cbd5e1!important}
body.chat-page .pi-chat-message{contain:content!important}
body.chat-page .pi-chat-online-user,body.chat-page .pi-chat-message .pi-chat-bubble{content-visibility:auto!important;contain-intrinsic-size:120px}
body.chat-page .pi-chat-selection-bar button[disabled]{display:none!important}
body.chat-page .pi-chat-reaction-tray{z-index:30!important}
body.chat-page .pi-chat-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))!important}
body.chat-page .pi-chat-emoji-item img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))!important}

/* Ajuste Nk: REGISTRAR / LOGAR como texto destacado */
body.auth-page #loginForm > .btn-ghost{
  width:max-content!important;
  min-height:0!important;
  height:auto!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:4px auto 0!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#38bdf8!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.25px!important;
  line-height:1.2!important;
  text-transform:none!important;
  text-decoration:none!important;
  text-shadow:0 0 16px rgba(56,189,248,.28)!important;
  cursor:pointer!important;
}

body.auth-page #loginForm > .btn-ghost .material-symbols-rounded{
  font-size:18px!important;
  color:#38bdf8!important;
  line-height:1!important;
  text-shadow:0 0 16px rgba(56,189,248,.28)!important;
}

body.auth-page #loginForm > .btn-ghost #toggleText{
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
}

body.auth-page #loginForm > .btn-ghost:hover{
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#7dd3fc!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  text-shadow:0 0 20px rgba(125,211,252,.38)!important;
}

body.auth-page #loginForm > .btn-ghost:hover .material-symbols-rounded{
  color:#7dd3fc!important;
}

body.auth-page #loginForm > .btn-ghost:active{
  opacity:.78!important;
  transform:none!important;
}


/* Ajuste Nk: captcha padrao no login/register */
body.auth-page .captcha-box,
body.auth-page .yuta-captcha-card{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:4px 0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}

body.auth-page .captcha-box::before,
body.auth-page .captcha-box::after,
body.auth-page .yuta-captcha-card::before,
body.auth-page .yuta-captcha-card::after{
  content:none!important;
  display:none!important;
}

body.auth-page .captcha-widget-shell{
  width:100%!important;
  min-height:65px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}

body.auth-page .captcha-box .cf-turnstile{
  max-width:100%!important;
  min-height:65px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.auth-page .captcha-box.is-verified,
body.auth-page .captcha-box.is-verified .captcha-widget-shell{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}