.adm-head { padding-bottom: 26px; }
.adm-title { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; }
.adm-title h1 { margin: 26px 0 0; }
.adm-tabs { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 99px; background: #fff; }
.adm-tabs button { height: 40px; padding: 0 18px; border: 0; border-radius: 99px; background: none; font: 600 14px Inter, system-ui, sans-serif; color: var(--muted); cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
.adm-tabs button:hover { color: var(--ink); }
.adm-tabs button[aria-selected="true"] { background: var(--ink); color: #fff; }
.adm-panel { animation: auth-in 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
.adm-panel[hidden] { display: none; }
.adm-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.adm-kpi { display: flex; flex-direction: column; gap: 6px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.adm-kpi span { font-size: 13px; font-weight: 600; color: var(--muted); }
.adm-kpi b { font-size: 30px; line-height: 1; letter-spacing: -0.04em; }
.adm-kpi small { font-size: 12.5px; line-height: 1.4; color: var(--muted); }
.adm-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.adm-row .auth-card { display: grid; align-content: start; gap: 8px; box-shadow: none; }
.adm-bars { display: flex; align-items: flex-end; gap: 3px; height: 150px; margin-top: 12px; }
.adm-col { display: flex; flex: 1; flex-direction: column-reverse; height: 100%; border-radius: 4px; background: #f6f6f1; overflow: hidden; }
.adm-col:hover { background: #ecece5; }
.adm-col i { display: block; transition: height 0.5s cubic-bezier(0.22, 1, 0.36, 1); }
.k-a { background: var(--ink); }
.k-b { background: var(--lime-deep); }
.k-c { background: #c9c9c0; }
.adm-axis { display: flex; justify-content: space-between; font-size: 12px; color: #9a9a92; }
.adm-legend { display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--muted); }
.adm-legend i { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 3px; vertical-align: -1px; }
.adm-rank { display: grid; gap: 12px; margin: 6px 0 0; padding: 0; list-style: none; }
.adm-rank li { display: grid; gap: 6px; }
.adm-rank-t { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.adm-rank-t b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.adm-rank-t small { flex: none; color: var(--muted); }
.adm-rank-bar { height: 6px; border-radius: 99px; background: #f0f0ea; overflow: hidden; }
.adm-rank-bar i { display: block; height: 100%; border-radius: inherit; background: var(--lime-deep); }
.adm-users { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 16px; }
.adm-search { display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.adm-search:focus-within { border-color: var(--ink); box-shadow: 0 0 0 4px var(--lime-soft); }
.adm-search svg { flex: none; fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; }
.adm-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; font: 500 15.5px Inter, system-ui, sans-serif; }
.adm-count { margin: 12px 2px 8px; }
.adm-users-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.adm-user { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; font: inherit; text-align: left; cursor: pointer; transition: border-color 0.2s ease, translate 0.2s ease; }
.adm-user:hover { border-color: #c9c9c0; translate: 0 -1px; }
.adm-user.on { border-color: var(--ink); }
.adm-avatar { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--lime); font-weight: 800; text-transform: uppercase; }
.adm-avatar.big { width: 52px; height: 52px; font-size: 22px; }
.adm-user-t { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
.adm-user-t b { overflow: hidden; font-size: 14.5px; text-overflow: ellipsis; white-space: nowrap; }
.adm-user-t small { overflow: hidden; font-size: 12.5px; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.adm-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.adm-tags i { padding: 4px 9px; border-radius: 99px; background: #f0f0ea; font-size: 12px; font-style: normal; font-weight: 600; color: var(--muted); white-space: nowrap; }
.adm-tags i.t-admin { background: var(--ink); color: var(--lime); }
.adm-tags i.t-bad { background: #fdecea; color: var(--bad); }
.adm-pager { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; font-size: 14px; color: var(--muted); }
.adm-pager .auth-btn { height: 40px; margin: 0; padding: 0 16px; font-size: 14px; }
.adm-detail { position: sticky; top: 100px; display: grid; gap: 16px; box-shadow: none; }
.adm-detail-head { display: flex; align-items: center; gap: 14px; }
.adm-detail-head b { display: block; overflow: hidden; font-size: 18px; text-overflow: ellipsis; }
.adm-detail-head small { font-size: 13px; color: var(--muted); }
.adm-detail .adm-tags { justify-content: flex-start; }
.adm-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.acct-mini.armed { border-color: var(--ink); background: var(--lime-soft); }
.acct-mini.danger.armed { border-color: var(--bad); background: #fdecea; }
.adm-sub h3 { margin: 0 0 2px; font-size: 14px; letter-spacing: -0.01em; }
.adm-sub .acct-item { padding: 10px 0; }
.adm-sub .acct-item-t b { font-size: 14px; font-weight: 600; }
.adm-delete { display: grid; gap: 8px; padding-top: 14px; border-top: 1px solid var(--line); }
.adm-delete .auth-input { height: 46px; }
.adm-delete .acct-mini { justify-self: start; }
.adm-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.adm-filters .chip { height: 38px; padding: 0 14px; border: 1px solid var(--line); border-radius: 99px; background: #fff; font: 600 13.5px Inter, system-ui, sans-serif; color: #3b3b38; cursor: pointer; }
.adm-filters .chip[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: #fff; }
.adm-events { display: grid; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 18px; background: #fff; list-style: none; overflow: hidden; }
.adm-event { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 13px 18px; border-top: 1px solid var(--line); }
.adm-event:first-child { border-top: 0; }
.adm-event-k { justify-self: start; padding: 4px 10px; border-radius: 99px; background: #f0f0ea; font-size: 12px; font-weight: 650; color: var(--muted); }
.adm-event.k-security .adm-event-k,
.adm-event.k-blocked .adm-event-k { background: #fdecea; color: var(--bad); }
.adm-event.k-admin .adm-event-k { background: var(--ink); color: var(--lime); }
.adm-event.k-signup .adm-event-k { background: var(--lime-soft); color: var(--ink); }
.adm-event-t { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.adm-event-t b { overflow: hidden; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.adm-event-t small { font-size: 12.5px; color: var(--muted); }
.adm-event time { font-size: 12.5px; color: var(--muted); white-space: nowrap; }
@media (max-width: 1100px) {
  .adm-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .adm-users { grid-template-columns: minmax(0, 1fr); }
  .adm-detail { position: static; }
}
@media (max-width: 760px) {
  .adm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adm-row { grid-template-columns: 1fr; }
  .adm-tabs { width: 100%; }
  .adm-tabs button { flex: 1; padding: 0 10px; }
  .adm-user { flex-wrap: wrap; }
  .adm-tags { justify-content: flex-start; padding-left: 50px; }
  .adm-event { grid-template-columns: 1fr; gap: 6px; }
}
.adm-head .adm-title { align-items: baseline; }
.adm-head .adm-title p { margin: 0; }
@media (min-width: 901px) {
  .adm-layout { grid-template-columns: 220px minmax(0, 1fr); }
}
.adm-nav a { position: relative; }
.adm-nav .nav-badge { margin-left: auto; }
.adm-nav a[aria-current] .nav-badge { background: var(--lime); color: var(--ink); }
.adm-alerts { display: grid; gap: 8px; }
.adm-alert { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--ink); text-decoration: none !important; transition: border-color 0.2s ease, translate 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
a.adm-alert:hover { translate: 0 -1px; border-color: var(--ink); }
.adm-alert svg { flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.adm-alert span { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
.adm-alert b { font-size: 14.5px; }
.adm-alert small { font-size: 13px; color: var(--muted); }
.adm-alert > i { font-style: normal; color: var(--muted); }
.adm-alert.bad { border-color: #f3c5c0; background: #fff6f5; }
.adm-alert.bad svg { color: var(--bad); }
.adm-alert.warn { border-color: #eedc9a; background: #fffbea; }
.adm-alert.warn svg { color: #a16207; }
.adm-alert.ok svg { color: #4d7c0f; }
.adm-kpi.warn { border-color: #eedc9a; background: #fffbea; }
.adm-kpi.bad { border-color: #f3c5c0; background: #fff6f5; }
.adm-kpi .set-meter { margin-top: 6px; }
.adm-row.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.adm-funnel { display: grid; gap: 14px; margin-top: 6px; }
.adm-step { display: grid; gap: 6px; }
.adm-rank-bar.big { height: 10px; }
.adm-rank-bar.big i { background: var(--ink); }
.adm-open { cursor: pointer; text-decoration: underline; text-decoration-color: var(--lime-deep); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.adm-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.adm-bar p { margin: 0; }
.adm-bar .acct-mini[hidden] { display: none; }
.adm-event.new { background: #fbfdf2; }
.adm-event.new .adm-event-t b::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--lime-deep); vertical-align: 1px; }
.adm-event.k-code .adm-event-k { background: #eef2ff; color: #3730a3; }
.adm-tags i.t-plan { background: var(--lime-soft); color: var(--ink); }
.adm-empty { display: grid; justify-items: center; gap: 10px; padding: 30px 10px; text-align: center; color: var(--muted); }
.adm-empty svg { width: 34px; height: 34px; fill: none; stroke: #b8b8ae; stroke-width: 1.6; stroke-linecap: round; }
.adm-empty p { margin: 0; font-size: 14.5px; line-height: 1.55; }
.adm-mini-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.adm-mini-kpis .adm-kpi { padding: 14px; }
.adm-mini-kpis .adm-kpi b { font-size: 22px; }
.adm-bars.small { height: 70px; margin: 0; }
.adm-plan-pick { display: flex; gap: 8px; }
.adm-select { flex: 1; min-width: 0; height: 40px; padding: 0 12px; font-size: 14px; }
.adm-hint { display: block; font-size: 12.5px; color: var(--muted); }
.adm-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.adm-plans .set-price b { font-size: 38px; }
.adm-live { gap: 18px !important; }
.adm-live-head { display: flex; align-items: center; gap: 14px; }
.adm-live-head b { display: block; font-size: 19px; letter-spacing: -0.02em; }
.adm-live-head small { font-size: 13.5px; color: var(--muted); }
.adm-dot { position: relative; flex: none; width: 14px; height: 14px; border-radius: 50%; background: #9a9a92; }
.adm-dot::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; background: inherit; opacity: 0.35; animation: dot-pulse 1.8s ease-out infinite; }
.adm-dot.ok { background: #65a30d; }
.adm-dot.warn { background: #d97706; }
.adm-dot.bad { background: var(--bad); }
@keyframes dot-pulse {
  from { transform: scale(0.6); opacity: 0.5; }
  to { transform: scale(1.6); opacity: 0; }
}
.adm-live-nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.adm-live-nums div { display: grid; gap: 2px; padding: 14px 16px; border-radius: 14px; background: #f6f6f1; }
.adm-live-nums b { font-size: 28px; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.adm-live-nums small { font-size: 12.5px; color: var(--muted); }
.adm-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.adm-table th,
.adm-table td { padding: 12px 0; border-top: 1px solid var(--line); text-align: left; }
.adm-table th { width: 80px; font-weight: 650; }
.adm-table td { color: var(--muted); }
.adm-table td.num { color: var(--ink); font-weight: 650; text-align: right; font-variant-numeric: tabular-nums; }
.adm-table tr.total th,
.adm-table tr.total td { border-top: 2px solid var(--ink); color: var(--ink); font-size: 15px; }
.adm-how { display: grid; gap: 10px; margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.55; color: #3d3d39; }
.adm-link { justify-self: start; display: inline-flex; align-items: center; text-decoration: none !important; }
.adm-settings { display: grid; gap: 16px; }
.adm-plan-rows { display: grid; gap: 14px; }
.adm-plan-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 12px; padding-top: 14px; border-top: 1px solid var(--line); }
.adm-plan-row:first-child { padding-top: 0; border-top: 0; }
.adm-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.adm-field { display: grid; gap: 6px; }
.adm-field .auth-label { margin: 0; }
.adm-field .auth-input,
.adm-num { height: 48px; }
.adm-num { max-width: 240px; }
.adm-field .adm-num { max-width: none; }
.adm-save { position: sticky; bottom: 14px; display: flex; justify-content: flex-end; }
.adm-save .auth-btn { margin: 0; box-shadow: 0 12px 30px rgba(17, 17, 17, 0.16); }
@media (max-width: 1100px) {
  .adm-row.three { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .adm-plans { grid-template-columns: 1fr; }
  .adm-nav .nav-badge { margin-left: 6px; }
}
@media (max-width: 760px) {
  .adm-plan-row,
  .adm-grid2 { grid-template-columns: 1fr; }
  .adm-live-nums { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
  .adm-live-nums b { font-size: 22px; }
  .adm-save .auth-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .adm-dot::after { animation: none; }
}
.adm-users-list { grid-template-columns: minmax(0, 1fr); }
.adm-users-list li,
.adm-list-col,
.adm-detail { min-width: 0; }
.adm-user-t small { white-space: normal; }
.adm-kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.adm-kpi b { font-size: 27px; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .adm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adm-kpi b { font-size: 23px; }
}
@media (max-width: 760px) {
  .adm-user .adm-tags { flex-basis: 100%; padding-left: 50px; justify-content: flex-start; }
  .adm-user-t b,
  .adm-user-t small { white-space: normal; overflow-wrap: anywhere; }
}

.adm-msgs { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.adm-msgs > .acct-empty { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.adm-msg { display: grid; gap: 10px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.adm-msg.new { border-color: var(--ink); }
.adm-msg-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.adm-msg-head time { font-size: 12.5px; color: var(--muted); white-space: nowrap; }
.adm-msg .adm-event-k.voice { background: var(--lime-soft); color: var(--ink); }
.adm-msg-who { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.adm-msg-who b { overflow: hidden; font-size: 14px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.adm-msg-who small { overflow: hidden; font-size: 12.5px; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.adm-msg h3 { margin: 0; font-size: 16px; font-weight: 700; letter-spacing: -0.01em; }
.adm-msg-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 14px; margin: 0; font-size: 13px; }
.adm-msg-facts dt { color: var(--muted); }
.adm-msg-facts dd { margin: 0; overflow-wrap: anywhere; }
.adm-msg-body { margin: 0; font-size: 14.5px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.adm-msg-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.adm-msg-acts a.acct-mini { display: inline-flex; align-items: center; text-decoration: none; }
@media (max-width: 640px) {
  .adm-msg { padding: 16px; }
  .adm-msg-head { grid-template-columns: auto minmax(0, 1fr); }
  .adm-msg-head time { grid-column: 1 / -1; }
  .adm-msg-facts { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .adm-msg-facts dd { margin-bottom: 6px; }
}