:root { --lw-r15-accent: var(--lw-theme-accent, #27d5f3); }

.lw-r15-menu-icon {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  transform: none !important;
  vertical-align: middle !important;
}

.lw-r15-menu-icon svg,
.lw-r15-menu-icon path { transform: none !important; }

.lw-r15-menu-item {
  align-items: center !important;
  column-gap: 14px !important;
}

.lw-r15-menu-item:not([data-lw-menu-parent="true"]){
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  text-align: left !important;
}

.lw-r15-users-button {
  min-height: 38px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid color-mix(in srgb, var(--lw-r15-accent) 68%, transparent) !important;
  border-radius: 12px !important;
  color: #eafbff !important;
  background: linear-gradient(145deg, #0b3045, #041826) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 7px 15px rgba(0,0,0,.23), 0 0 12px color-mix(in srgb, var(--lw-r15-accent) 18%, transparent) !important;
  font: 800 11px/1 inherit !important;
  cursor: pointer !important;
}

.lw-r15-users-button:hover { transform: translateY(-1px) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 9px 18px rgba(0,0,0,.3), 0 0 18px color-mix(in srgb, var(--lw-r15-accent) 32%, transparent) !important; }
.lw-r15-users-button:disabled { opacity: .7; cursor: wait !important; }

.lw-r15-users-icon { width: 18px; height: 15px; position: relative; display: inline-block; }
.lw-r15-users-icon::before,
.lw-r15-users-icon::after { content: ''; position: absolute; border: 2px solid var(--lw-r15-accent); border-radius: 50%; box-shadow: 0 0 6px color-mix(in srgb, var(--lw-r15-accent) 65%, transparent); }
.lw-r15-users-icon::before { width: 6px; height: 6px; left: 5px; top: 0; }
.lw-r15-users-icon::after { width: 14px; height: 7px; left: 1px; bottom: 0; border-radius: 8px 8px 3px 3px; }

.lw-r15-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483500;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0, 7, 16, .78);
  backdrop-filter: blur(10px);
}

.lw-r15-modal {
  width: min(720px, 96vw);
  max-height: min(760px, 92vh);
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--lw-r15-accent) 74%, transparent);
  border-radius: 24px;
  color: #effaff;
  background: radial-gradient(circle at 84% -10%, color-mix(in srgb, var(--lw-r15-accent) 17%, transparent), transparent 36%), linear-gradient(155deg, #092a3d, #03131f 74%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(0,65,95,.7), 0 34px 90px rgba(0,0,0,.68), 0 0 34px color-mix(in srgb, var(--lw-r15-accent) 18%, transparent);
}

.lw-r15-modal header { display: flex; justify-content: space-between; gap: 20px; padding: 25px 27px 20px; border-bottom: 1px solid rgba(90,182,211,.22); }
.lw-r15-modal header span, .lw-r15-list-head span { color: var(--lw-r15-accent); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.lw-r15-modal h2 { margin: 7px 0 4px; color: white; font-size: clamp(22px, 3vw, 31px); line-height: 1.08; }
.lw-r15-modal header p { margin: 0; color: #82afc2; font-size: 13px; }
.lw-r15-close { width: 40px; min-width: 40px; height: 40px; padding: 0; border: 1px solid rgba(84,211,241,.38); border-radius: 12px; color: white; background: rgba(3,18,29,.75); font-size: 25px; cursor: pointer; }

.lw-r15-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 20px 27px; }
.lw-r15-stats article { position: relative; overflow: hidden; min-height: 118px; padding: 17px; border: 1px solid color-mix(in srgb, var(--lw-r15-accent) 42%, transparent); border-radius: 17px; background: rgba(9,44,62,.72); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.2); }
.lw-r15-stats article::after { content: ''; position: absolute; top: -70%; bottom: -70%; left: -45%; width: 28%; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--lw-r15-accent) 55%, transparent), transparent); animation: lw-r15-beam 4.8s linear infinite; }
.lw-r15-stats article:nth-child(2)::after { animation-delay: 1.2s; }
.lw-r15-stats article:nth-child(3)::after { animation-delay: 2.4s; }
.lw-r15-stats small { display: block; color: #89b5c6; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.lw-r15-stats strong { display: block; margin: 5px 0 2px; color: var(--lw-r15-accent); font-size: 36px; line-height: 1; text-shadow: 0 0 15px color-mix(in srgb, var(--lw-r15-accent) 42%, transparent); }
.lw-r15-stats span { color: #b6d0dc; font-size: 11px; }
@keyframes lw-r15-beam { 0% { left: -45%; opacity: 0; } 12%, 50% { opacity: .85; } 62%, 100% { left: 125%; opacity: 0; } }

.lw-r15-list-head { display: flex; align-items: center; justify-content: space-between; padding: 2px 27px 12px; }
.lw-r15-list-head h3 { margin: 5px 0 0; font-size: 19px; }
.lw-r15-list-head b { min-width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--lw-r15-accent) 60%, transparent); border-radius: 12px; color: var(--lw-r15-accent); background: rgba(4,28,42,.8); }
.lw-r15-users { display: grid; gap: 8px; padding: 0 27px 20px; }
.lw-r15-user { min-height: 62px; display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 12px; padding: 9px 12px; border: 1px solid rgba(84,172,203,.2); border-radius: 14px; background: rgba(7,34,50,.68); }
.lw-r15-avatar { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--lw-r15-accent) 65%, transparent); border-radius: 12px; color: var(--lw-r15-accent); background: linear-gradient(145deg, #0d3b54, #041824); font-size: 12px; font-weight: 900; box-shadow: 0 0 12px color-mix(in srgb, var(--lw-r15-accent) 18%, transparent); }
.lw-r15-user strong { display: block; color: white; font-size: 13px; }
.lw-r15-user small { display: block; margin-top: 2px; color: #82afc2; font-size: 10px; }
.lw-r15-user em { padding: 5px 8px; border-radius: 999px; color: #55f1bd; background: rgba(22,142,104,.2); font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.lw-r15-empty { margin: 0 27px 20px; padding: 20px; border: 1px dashed rgba(87,190,222,.32); border-radius: 14px; color: #8bb5c6; text-align: center; }
.lw-r15-modal footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 27px 22px; border-top: 1px solid rgba(90,182,211,.2); color: #8fb7c7; font-size: 11px; }
.lw-r15-modal footer strong { color: #dff9ff; }
.lw-r15-done { min-height: 40px; padding: 0 22px; border: 1px solid color-mix(in srgb, var(--lw-r15-accent) 75%, transparent); border-radius: 12px; color: #03131e; background: linear-gradient(145deg, color-mix(in srgb, var(--lw-r15-accent) 80%, white 20%), var(--lw-r15-accent)); font-weight: 900; cursor: pointer; box-shadow: 0 0 16px color-mix(in srgb, var(--lw-r15-accent) 30%, transparent); }

@media (max-width: 620px) {
  .lw-r15-backdrop { padding: 10px; }
  .lw-r15-modal { max-height: 95vh; border-radius: 18px; }
  .lw-r15-modal header, .lw-r15-stats, .lw-r15-list-head, .lw-r15-users, .lw-r15-modal footer { padding-left: 16px; padding-right: 16px; }
  .lw-r15-stats { grid-template-columns: 1fr; }
  .lw-r15-stats article { min-height: 90px; }
  .lw-r15-modal footer { align-items: flex-start; flex-direction: column; }
  .lw-r15-done { width: 100%; }
}