:root{color-scheme:dark;--bg:#080d13;--panel:#101720;--panel2:#141d28;--line:#243243;--text:#edf4ff;--muted:#93a2b7;--blue:#4389ff;--green:#35c97d;--red:#ff665f;font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 20% 15%,rgba(67,137,255,.14),transparent 32%),radial-gradient(circle at 80% 80%,rgba(53,201,125,.07),transparent 28%),var(--bg);color:var(--text)}button,input,select{font:inherit}.login-layout{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:16px;background:rgba(16,23,32,.96);box-shadow:0 28px 80px rgba(0,0,0,.4)}.login-brand{display:flex;align-items:baseline;margin-bottom:28px;font-size:28px;font-weight:750;letter-spacing:-1px}.login-brand strong{margin-right:5px;color:var(--blue)}h1{margin:0 0 8px;font-size:22px}p{color:var(--muted);line-height:1.6}.field{display:grid;gap:7px;margin-top:18px}.field label{color:#c7d3e2;font-size:12px}.field input,.field select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0b1119;color:var(--text);outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(67,137,255,.12)}.primary{width:100%;height:44px;margin-top:22px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:650;cursor:pointer}.primary:disabled{opacity:.6;cursor:wait}.message{min-height:20px;margin-top:14px;color:#ff928c;font-size:12px}.privacy-note{display:flex;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.55}.users-page{display:grid;gap:18px}.users-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px}.users-card{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:20px}.users-card h2{margin:0 0 5px;font-size:16px}.users-card .field{margin-top:14px}.role-warning{margin:12px 0 0;color:#ffbd68;font-size:11px}.form-actions{display:flex;gap:9px;margin-top:18px}.form-actions .primary{width:auto;min-width:120px;margin:0;padding:0 18px}.users-table{width:100%;border-collapse:collapse;font-size:12px}.users-table th,.users-table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.users-table th{color:var(--muted);font-size:10px;text-transform:uppercase}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(67,137,255,.12);color:#8fb8f8}.badge.admin{background:rgba(181,150,255,.12);color:#c9b5ff}.badge.off{background:rgba(255,102,95,.12);color:#ff918b}.row-actions{display:flex;flex-wrap:wrap;gap:5px}.row-actions button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#0d141d;color:#b8c5d5;cursor:pointer}.row-actions button:hover{border-color:#506681;color:#fff}.empty{padding:28px;color:var(--muted);text-align:center}.audit-list{display:grid;gap:7px}.audit-row{display:grid;grid-template-columns:145px 130px 100px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.audit-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row .ok{color:var(--green)}.audit-row .fail{color:var(--red)}@media(max-width:900px){.users-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:120px 100px minmax(0,1fr)}.audit-row span:nth-child(3){display:none}}@media(max-width:600px){.login-card{padding:25px}.users-card{padding:14px}.users-table thead{display:none}.users-table tr{display:grid;padding:10px 0}.users-table td{padding:5px 0;border:0}.users-table td::before{content:attr(data-label);display:inline-block;width:78px;color:var(--muted)}}

.audit-list {
  max-height: 520px;
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 6px;
}

/* Login page: match the shared light Liquid Glass application shell. */
html:has(body.hb-login-page) {
  color-scheme: light;
  background-color: #eaf3fb !important;
  background-image: url("/ui/liquid-glass-bg.png") !important;
  background-position: center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
body.hb-login-page {
  min-height: 100vh;
  background-color: transparent !important;
  background-image: url("/ui/liquid-glass-bg.png") !important;
  background-position: center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  color: #172536 !important;
  color-scheme: light;
}
body.hb-login-page .login-layout {
  position: relative;
  isolation: isolate;
  padding: 32px 20px;
}
body.hb-login-page .login-layout::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.52), transparent 33%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(205,234,255,.08));
  pointer-events: none;
  content: "";
}
body.hb-login-page .login-card {
  position: relative;
  width: min(460px, 100%);
  padding: 38px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 26px;
  background: rgba(248,252,255,.58);
  box-shadow: 0 30px 90px rgba(33,55,82,.22), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter: blur(34px) saturate(1.2);
  -webkit-backdrop-filter: blur(34px) saturate(1.2);
}
body.hb-login-page .login-card::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(43,126,234,.72), rgba(115,85,189,.56), transparent);
  content: "";
}
body.hb-login-page .login-brand {
  margin-bottom: 22px;
  color: #172536;
  font-size: 27px;
  letter-spacing: -.8px;
}
body.hb-login-page .login-brand strong { color: #2b7eea; }
body.hb-login-page .login-kicker {
  display: inline-flex;
  margin-bottom: 12px;
  color: #2b7eea;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .16em;
}
body.hb-login-page h1 {
  margin: 0 0 9px;
  color: #172536;
  font-size: 24px;
  letter-spacing: -.35px;
}
body.hb-login-page .login-card > p {
  margin: 0;
  color: #607085;
  font-size: 13px;
  line-height: 1.7;
}
body.hb-login-page #loginForm { margin-top: 25px; }
body.hb-login-page .field { gap: 8px; margin-top: 16px; }
body.hb-login-page .field label { color: #53667d; font-size: 12px; font-weight: 650; }
body.hb-login-page .field input {
  height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(56,83,112,.16);
  border-radius: 13px;
  background: rgba(255,255,255,.68);
  color: #172536;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
body.hb-login-page .field input:hover { border-color: rgba(56,83,112,.25); background: rgba(255,255,255,.78); }
body.hb-login-page .field input:focus {
  border-color: rgba(43,126,234,.58);
  background: rgba(255,255,255,.88);
  box-shadow: 0 0 0 4px rgba(43,126,234,.1), inset 0 1px 0 #fff;
}
body.hb-login-page .field input:-webkit-autofill {
  -webkit-text-fill-color: #172536;
  box-shadow: 0 0 0 1000px rgba(244,250,255,.96) inset;
}
body.hb-login-page .primary {
  height: 48px;
  margin-top: 22px;
  border: 1px solid rgba(43,126,234,.28);
  border-radius: 13px;
  background: #2b7eea;
  color: #fff;
  box-shadow: 0 10px 28px rgba(43,126,234,.24), inset 0 1px 0 rgba(255,255,255,.32);
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
body.hb-login-page .primary:hover:not(:disabled) {
  background: #1769ce;
  box-shadow: 0 13px 32px rgba(43,126,234,.28), inset 0 1px 0 rgba(255,255,255,.32);
  transform: translateY(-1px);
}
body.hb-login-page .primary:focus-visible { outline: 3px solid rgba(43,126,234,.22); outline-offset: 3px; }
body.hb-login-page .message { color: #b63c46; }
body.hb-login-page .privacy-note {
  margin-top: 18px;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 14px;
  background: rgba(255,255,255,.38);
  color: #607085;
  box-shadow: 0 10px 28px rgba(55,87,126,.08), inset 0 1px 0 rgba(255,255,255,.86);
}
body.hb-login-page .login-brand { align-items: center; font-size: 0; letter-spacing: 0; }
body.hb-login-page .login-brand-logo { display: block; width: 182px; height: auto; }

@media (max-width: 600px) {
  body.hb-login-page .login-layout { align-items: center; padding: 16px 12px; }
  body.hb-login-page .login-card { padding: 28px 22px; border-radius: 22px; }
  body.hb-login-page .login-brand { margin-bottom: 18px; }
  body.hb-login-page h1 { font-size: 22px; }
}

/* User activity leaderboard: real login/search audits in the shared glass UI. */
.activity-leaderboard { display:grid; gap:15px; }
.activity-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.activity-title-row { display:flex; align-items:center; gap:9px; }
.activity-title-row h2 { margin:0; }
.activity-source { display:inline-flex; min-height:21px; align-items:center; padding:2px 8px; border:1px solid rgba(53,201,125,.24); border-radius:999px; background:rgba(53,201,125,.09); color:#168b60; font-size:9px; font-weight:750; white-space:nowrap; }
.activity-head p { margin:5px 0 0; font-size:11px; }
.activity-head-tools { display:flex; align-items:center; gap:10px; }
.activity-periods { display:flex; overflow:hidden; padding:3px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.04); }
.activity-periods button { min-width:55px; height:29px; padding:0 11px; border:0; border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; font-size:10px; }
.activity-periods button.active { background:var(--blue); color:#fff; box-shadow:0 5px 14px rgba(67,137,255,.20); }
.activity-summary { display:inline-flex; min-height:35px; align-items:center; padding:0 11px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:10px; white-space:nowrap; }
.activity-boards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.activity-board { min-width:0; padding:14px 16px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.activity-board h3 { margin:0 0 10px; font-size:12px; }
.activity-ranking { display:grid; gap:3px; }
.activity-row { display:grid; grid-template-columns:23px 29px minmax(90px,150px) minmax(80px,1fr) auto; align-items:center; gap:8px; min-height:35px; }
.activity-rank { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:var(--muted); font-size:9px; font-weight:800; }
.activity-row.rank-1 .activity-rank { background:rgba(244,178,54,.18); color:#a96d00; }
.activity-row.rank-2 .activity-rank { background:rgba(132,146,164,.17); color:#66778a; }
.activity-row.rank-3 .activity-rank { background:rgba(190,119,72,.15); color:#a65f35; }
.activity-avatar { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; background:linear-gradient(135deg,#69a8ff,#4e7cdd); color:#fff; font-size:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.36); }
.activity-user { min-width:0; }
.activity-user strong,.activity-user small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.activity-user strong { font-size:11px; }
.activity-user small { margin-top:1px; color:var(--muted); font-size:8px; }
.activity-bar { height:4px; overflow:hidden; border-radius:999px; background:rgba(118,139,164,.14); }
.activity-bar span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2b7eea,#71a8f5); }
.activity-count { min-width:42px; color:var(--text); font-size:10px; font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
.activity-empty { min-height:70px; display:grid; place-items:center; color:var(--muted); font-size:10px; text-align:center; }

.hb-page-content .activity-leaderboard { padding:17px 18px !important; }
.hb-page-content .activity-head p,.hb-page-content .activity-user small,.hb-page-content .activity-empty { color:#718196; }
.hb-page-content .activity-periods { border-color:rgba(56,83,112,.13); background:rgba(255,255,255,.38); }
.hb-page-content .activity-periods button { display:inline-flex !important; min-width:55px !important; height:29px !important; align-items:center !important; justify-content:center !important; padding:0 11px !important; border:0 !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important; color:#64768c !important; }
.hb-page-content .activity-periods button.active { background:#2b7eea !important; color:#fff !important; box-shadow:0 6px 16px rgba(43,126,234,.20) !important; }
.hb-page-content .activity-summary { border-color:rgba(56,83,112,.13); background:rgba(255,255,255,.48); color:#4f657f; }
.hb-page-content .activity-board { border-color:rgba(56,83,112,.12); background:rgba(255,255,255,.38); box-shadow:inset 0 1px 0 rgba(255,255,255,.72); }
.hb-page-content .activity-user strong,.hb-page-content .activity-count { color:#25384e; }

@media(max-width:900px){.activity-head{display:grid}.activity-head-tools{justify-content:space-between}.activity-boards{grid-template-columns:1fr}}
@media(max-width:600px){.activity-head-tools{display:grid}.activity-periods{width:100%}.activity-periods button{flex:1;min-width:0}.hb-page-content .activity-periods button{min-width:0 !important}.activity-row{grid-template-columns:22px 27px minmax(78px,1fr) 74px auto}.activity-bar{width:74px}.activity-user small{display:none}}

/* AI library audit history: full questions and answers in the shared glass UI. */
.ai-query-audit { display:grid; gap:14px; }
.ai-query-audit-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.ai-query-audit-head h2 { margin:0; }
.ai-query-audit-head p { margin:5px 0 0; font-size:11px; }
.ai-query-audit-tools { display:flex; align-items:center; gap:8px; }
.ai-query-audit-tools label { color:var(--muted); font-size:11px; }
.ai-query-audit-tools select,.ai-query-audit-tools button,.ai-query-load-more { height:34px; padding:0 11px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.04); color:var(--text); cursor:pointer; font-size:11px; }
.ai-query-audit-tools select { min-width:180px; }
.ai-query-audit-tools button:disabled,.ai-query-load-more:disabled { opacity:.55; cursor:wait; }
.ai-query-audit-summary { color:var(--muted); font-size:11px; }
.ai-query-audit-list { display:grid; gap:8px; }
.ai-query-record { overflow:hidden; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.ai-query-record summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; padding:13px 15px; cursor:pointer; list-style:none; }
.ai-query-record summary::-webkit-details-marker { display:none; }
.ai-query-record summary::before { content:"›"; grid-column:2; grid-row:1; justify-self:end; color:var(--muted); font-size:19px; line-height:1; transition:transform .16s ease; }
.ai-query-record[open] summary::before { transform:rotate(90deg); }
.ai-query-record-main { min-width:0; }
.ai-query-record-main strong,.ai-query-record-main small { display:block; }
.ai-query-record-main strong { overflow:hidden; color:var(--text); font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.ai-query-record-main small { margin-top:5px; color:var(--muted); font-size:10px; }
.ai-query-record-meta { grid-column:2; grid-row:1; display:flex; align-items:center; gap:9px; padding-right:25px; }
.ai-query-record-meta small { color:var(--muted); font-size:10px; white-space:nowrap; }
.ai-query-status { display:inline-flex; min-height:24px; align-items:center; padding:0 8px; border-radius:999px; font-size:10px; font-weight:650; white-space:nowrap; }
.ai-query-status.completed { background:rgba(53,201,125,.11); color:#24a86c; }
.ai-query-status.failed { background:rgba(255,102,95,.11); color:#d5534d; }
.ai-query-status.running { background:rgba(67,137,255,.11); color:#4389ff; }
.ai-query-answer { padding:15px; border-top:1px solid var(--line); background:rgba(0,0,0,.08); }
.ai-query-answer > span { display:block; margin-bottom:7px; color:var(--muted); font-size:10px; font-weight:650; }
.ai-query-answer > div { color:var(--text); font-size:12px; line-height:1.75; overflow-wrap:anywhere; white-space:pre-wrap; }
.ai-query-load-more { justify-self:center; min-width:130px; }

.ai-usage-panel { display:grid; gap:14px; }
.ai-usage-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.ai-usage-head h2 { margin:0; }
.ai-usage-head p { margin:5px 0 0; }
.ai-usage-tools { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.ai-usage-tools label { color:var(--muted); font-size:11px; }
.ai-usage-tools select,.ai-usage-tools > button { height:34px; padding:0 11px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.04); color:var(--text); cursor:pointer; font-size:11px; }
.ai-usage-tools select { min-width:175px; }
.ai-usage-tools > button:disabled { opacity:.55; cursor:wait; }
.ai-usage-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ai-usage-kpis article { min-width:0; padding:15px 16px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.03); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.ai-usage-kpis span,.ai-usage-kpis strong,.ai-usage-kpis small { display:block; }
.ai-usage-kpis span { color:var(--muted); font-size:10px; font-weight:650; letter-spacing:.04em; }
.ai-usage-kpis strong { margin-top:7px; color:var(--text); font-size:22px; font-weight:680; letter-spacing:-.025em; overflow-wrap:anywhere; }
.ai-usage-kpis small { margin-top:5px; color:var(--muted); font-size:10px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
.ai-usage-kpis article.cost { background:linear-gradient(145deg,rgba(53,201,125,.10),rgba(255,255,255,.025)); }
.ai-usage-kpis article.cost strong { color:#24a86c; }
.ai-usage-summary,.ai-usage-note { margin:0; color:var(--muted); font-size:11px; }
.ai-usage-table-wrap { overflow:auto; border:1px solid var(--line); border-radius:14px; }
.ai-usage-table { width:100%; border-collapse:collapse; font-size:11px; }
.ai-usage-table th,.ai-usage-table td { padding:11px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; white-space:nowrap; }
.ai-usage-table tr:last-child td { border-bottom:0; }
.ai-usage-table th { color:var(--muted); background:rgba(255,255,255,.025); font-size:10px; font-weight:650; }
.ai-usage-table td { color:var(--text); }
.ai-usage-table td small { display:block; margin-top:3px; color:var(--muted); font-size:9px; }
.ai-usage-table td:first-child strong,.ai-usage-table td:first-child small { display:block; }
.ai-usage-table td:first-child small { margin-top:3px; color:var(--muted); font-size:9px; }
.ai-usage-table .cache-hit { display:block; color:#24a86c; }
.ai-usage-table .usage-cost { color:#24a86c; }

.hb-page-content .ai-query-audit-head p,.hb-page-content .ai-query-audit-summary,.hb-page-content .ai-query-record-main small,.hb-page-content .ai-query-record-meta small,.hb-page-content .ai-query-answer > span { color:#718196; }
.hb-page-content .ai-query-audit-tools select,.hb-page-content .ai-query-audit-tools button,.hb-page-content .ai-query-load-more { border-color:rgba(56,83,112,.13); background:rgba(255,255,255,.52); color:#344b65; box-shadow:inset 0 1px 0 rgba(255,255,255,.78); }
.hb-page-content .ai-query-record { border-color:rgba(56,83,112,.12); background:rgba(255,255,255,.40); box-shadow:inset 0 1px 0 rgba(255,255,255,.72); }
.hb-page-content .ai-query-record-main strong,.hb-page-content .ai-query-answer > div { color:#25384e; }
.hb-page-content .ai-query-answer { border-color:rgba(56,83,112,.10); background:rgba(255,255,255,.24); }
.hb-page-content .ai-usage-head p,.hb-page-content .ai-usage-summary,.hb-page-content .ai-usage-note,.hb-page-content .ai-usage-tools label,.hb-page-content .ai-usage-kpis span,.hb-page-content .ai-usage-kpis small { color:#718196; }
.hb-page-content .ai-usage-tools select,.hb-page-content .ai-usage-tools > button { border-color:rgba(56,83,112,.13); background:rgba(255,255,255,.52); color:#344b65; box-shadow:inset 0 1px 0 rgba(255,255,255,.78); }
.hb-page-content .ai-usage-kpis article,.hb-page-content .ai-usage-table-wrap { border-color:rgba(56,83,112,.12); background:rgba(255,255,255,.40); box-shadow:inset 0 1px 0 rgba(255,255,255,.72); }
.hb-page-content .ai-usage-kpis strong,.hb-page-content .ai-usage-table td { color:#25384e; }
.hb-page-content .ai-usage-kpis article.cost { background:linear-gradient(145deg,rgba(53,201,125,.11),rgba(255,255,255,.44)); }
.hb-page-content .ai-usage-kpis article.cost strong,.hb-page-content .ai-usage-table .usage-cost,.hb-page-content .ai-usage-table .cache-hit { color:#14895a; }
.hb-page-content .ai-usage-table th { color:#718196; background:rgba(238,244,251,.62); }
.hb-page-content .ai-usage-table th,.hb-page-content .ai-usage-table td { border-color:rgba(56,83,112,.10); }

@media(max-width:900px){.ai-query-audit-head,.ai-usage-head{display:grid}.ai-query-audit-tools{flex-wrap:wrap}.ai-usage-tools{justify-content:flex-start}.ai-usage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-query-record summary{grid-template-columns:minmax(0,1fr)}.ai-query-record summary::before{grid-column:1;justify-self:end}.ai-query-record-meta{grid-column:1;grid-row:2;padding-right:0;justify-content:space-between}}
@media(max-width:600px){.ai-query-audit-tools{display:grid;grid-template-columns:auto minmax(0,1fr)}.ai-query-audit-tools select{min-width:0}.ai-query-audit-tools button{grid-column:1/-1}.ai-usage-tools{display:grid;grid-template-columns:1fr 1fr}.ai-usage-tools .activity-periods{grid-column:1/-1}.ai-usage-tools select{min-width:0}.ai-usage-kpis{grid-template-columns:1fr}.ai-usage-table-wrap{overflow:visible;border:0}.ai-usage-table,.ai-usage-table tbody,.ai-usage-table tr,.ai-usage-table td{display:block}.ai-usage-table thead{display:none}.ai-usage-table tr{margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03)}.ai-usage-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:6px 0;border:0;white-space:normal}.ai-usage-table td::before{content:attr(data-label);color:var(--muted);font-size:10px}.ai-query-record summary{padding:12px}.ai-query-record-main strong{padding-right:24px;white-space:normal}.ai-query-record-meta small{white-space:normal}.ai-query-answer{padding:12px}}

/* Match the same Apple-style type hierarchy used by the rest of the product. */
:root {
  font-family: "SF Pro SC", "SF Pro Text", -apple-system, BlinkMacSystemFont,
    "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Helvetica Neue",
    Arial, sans-serif;
}
body.hb-login-page { font-size:15px; font-weight:400; line-height:1.5; letter-spacing:normal; font-synthesis:none; }
body.hb-login-page h1 { font-family:"SF Pro SC","SF Pro Display","PingFang SC","Microsoft YaHei UI",sans-serif; font-size:26px; font-weight:600; line-height:1.25; letter-spacing:0; }
body.hb-login-page .login-card > p { font-size:14px; font-weight:400; line-height:1.6; }
body.hb-login-page .field label { font-size:13px; font-weight:500; }
body.hb-login-page .field input,
body.hb-login-page .field select,
body.hb-login-page .primary { font-size:15px; font-weight:500; letter-spacing:0; }
body.hb-login-page .privacy-note { font-size:12px; font-weight:400; }

.hb-page-content .activity-source,
.hb-page-content .activity-periods button,
.hb-page-content .activity-summary,
.hb-page-content .activity-rank,
.hb-page-content .activity-avatar,
.hb-page-content .activity-count,
.hb-page-content .activity-empty { font-size:12px; }
.hb-page-content .activity-user strong { font-size:13px; font-weight:600; }
.hb-page-content .activity-user small { font-size:11px; font-weight:400; }

/* Shared dark-navy primary action for the Liquid Glass sign-in card. */
body.hb-login-page .primary {
  border-color: rgba(23,29,45,.86) !important;
  background: #171d2d !important;
  box-shadow: 0 14px 32px rgba(23,29,45,.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
body.hb-login-page .primary:hover:not(:disabled) { background: #252d40 !important; }

/* Account management first; these rules never affect the sign-in page. */
#usersApp .users-grid { grid-template-columns:minmax(0,1fr) minmax(280px,340px); align-items:start; }
#usersApp .users-card { min-width:0; }
#usersApp .account-list { min-height:100%; }
#usersApp #usersTable { width:100%; max-width:100%; overflow-x:auto; }
#usersApp .users-table { min-width:820px; }
#usersApp .users-table th:nth-child(1),#usersApp .users-table td:nth-child(1) { min-width:110px; overflow-wrap:anywhere; }
#usersApp .users-table th:nth-child(2),#usersApp .users-table td:nth-child(2) { min-width:88px; }
#usersApp .users-table th:nth-child(3),#usersApp .users-table td:nth-child(3) { min-width:118px; }
#usersApp .users-table th:nth-child(4),#usersApp .users-table td:nth-child(4) { min-width:156px; }
#usersApp .users-table th:nth-child(5),#usersApp .users-table td:nth-child(5) { min-width:260px; }
#usersApp .field label { color:#40556a!important; font-weight:500; }
#usersApp .users-table .badge { white-space:nowrap; word-break:keep-all; color:#24598b!important; background:rgba(36,89,139,.09)!important; }
#usersApp .users-table .badge.admin { color:#69469e!important; background:rgba(105,70,158,.09)!important; }
#usersApp .users-table .badge.off { color:#a53c47!important; background:rgba(165,60,71,.09)!important; }
#usersApp .row-actions button { white-space:nowrap; }
#usersApp .users-table td:last-child { min-width:140px; }
#usersApp .user-row-menu summary { width:max-content; padding:8px 12px; border:1px solid rgba(80,105,133,.16); border-radius:10px; cursor:pointer; color:#24598b; background:rgba(255,255,255,.6); }
#usersApp .user-row-menu summary:focus-visible { outline:2px solid #216fc8; outline-offset:3px; }
#usersApp .user-row-menu[open] { min-width:280px; }
#usersApp .user-row-menu[open] summary { margin-bottom:10px; }
#usersApp .row-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#usersApp .row-actions button { min-height:36px; padding:6px 10px; }
#usersApp .activity-title-row,#usersApp .activity-head-tools { flex-wrap:wrap; }
#usersApp .activity-summary { white-space:normal; }
#usersApp .activity-head,#usersApp .ai-usage-head { flex-wrap:wrap; }
#usersApp .ai-usage-head>div:first-child { flex:1 1 280px; }
#usersApp .ai-usage-tools { flex:1 1 430px; }
#usersApp .users-card>p { margin:6px 0 14px; }
#usersApp .role-warning { color:#865018!important; font-size:12px; }
@media(min-width:601px){
  #usersApp #usersTable{max-height:min(60vh,680px);overflow:auto;scrollbar-gutter:stable}
  #usersApp .users-table thead th{position:sticky;top:0;z-index:1;background:rgba(244,248,253,.96)!important;backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(56,83,112,.14)}
}
@media(max-width:1440px){#usersApp .users-grid{grid-template-columns:1fr}}
@media(max-width:600px){
  #usersApp .users-table{min-width:0}
  #usersApp .users-table td:nth-child(n){min-width:0;max-width:100%}
  #usersApp .row-actions{min-width:0;max-width:100%}
  #usersApp .ai-usage-tools{flex-basis:auto;width:100%}
  #usersApp .activity-row{grid-template-columns:20px 26px minmax(0,1fr) auto}
  #usersApp .activity-bar{display:none}
  #usersApp .activity-periods{max-width:100%;flex-wrap:wrap}
}

.feishu-login[hidden] { display: none !important; }
body.hb-login-page .feishu-login { margin-top: 22px; }
body.hb-login-page .feishu-login .primary { margin-top: 0; }
body.hb-login-page .feishu-login > p { margin: 0 0 10px; font-size: 12px; line-height: 1.6; color: #607085; }
body.hb-login-page .message:empty { display: none; }
/* New Feishu members and administrator account linkage status. */
.feishu-registration { margin: 16px 0; padding: 16px; border: 1px solid rgba(80,130,190,.22); border-radius: 16px; background: rgba(255,255,255,.48); }
.feishu-registration[hidden] { display: none; }
.feishu-registration p { font-size: 13px; line-height: 1.65; }
.feishu-registration .existing-account-note { margin-top: 18px; font-weight: 600; }
.pending-position { background: #fff0cd; color: #875314; }
.pending-position-focus { outline: 2px solid rgba(43,122,198,.4); outline-offset: -2px; }
/* Role controls share the existing glass surface; no extra full-width dashboard. */
.users-filter-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 8px}
.users-filter-toolbar label,.business-role-toolbar label{display:grid;gap:6px;font-size:12px;min-width:0}
.users-filter-toolbar input,.users-filter-toolbar select,.business-role-toolbar select{width:100%;min-width:0;padding:9px 10px;border:1px solid rgba(112,134,158,.25);border-radius:10px;background:rgba(255,255,255,.65);color:inherit;font:inherit}
.users-filter-summary{font-size:12px;color:#607089}
.users-table th .user-sort-button{background:none;border:0;border-radius:0;box-shadow:none;color:inherit;padding:0;font:inherit;cursor:pointer;white-space:nowrap}
.business-role-panel{margin:18px 0}
.business-role-panel>summary{font-size:17px;font-weight:650;cursor:pointer}
.business-role-panel>summary span{font-size:12px;font-weight:400;color:#607089;margin-left:12px}
.business-role-toolbar{display:flex;gap:12px;align-items:end;margin:16px 0}
.business-role-toolbar label{flex:1}
.business-role-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.business-role-switch{display:flex;align-items:center;gap:14px;border:1px solid rgba(112,134,158,.18);border-radius:14px;padding:12px;min-width:0;background:rgba(255,255,255,.35)}
.business-role-switch span{flex:1;min-width:0;font-size:13px;font-weight:600}
.business-role-switch small{display:block;font-weight:400;font-size:11px;line-height:1.5;color:#607089;margin-top:4px}
.business-role-switch input{appearance:none;flex:0 0 38px;width:38px;height:22px;border:0;border-radius:20px;background:#b8c2d0;cursor:pointer;position:relative}
.business-role-switch input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.business-role-switch input:checked{background:#2777ef}
.business-role-switch input:checked:before{transform:translateX(16px)}
.business-role-switch input:focus-visible{outline:3px solid #82aff9;outline-offset:3px}
#usersApp .business-role-switch input[role="switch"]{appearance:none!important;width:38px!important;min-width:38px!important;height:22px!important;min-height:22px!important;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;background:#b8c2d0!important;box-shadow:none!important}
#usersApp .business-role-switch input[role="switch"]:checked{background:#2777ef!important}
#usersApp .business-role-switch input[role="switch"]:disabled{opacity:.45;cursor:not-allowed}
#businessRoleMessage[data-state="success"]{color:#16724b!important}
#businessRoleMessage[data-state="error"]{color:#a83232!important}
@media(max-width:700px){.users-filter-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.business-role-permissions{grid-template-columns:1fr}.business-role-toolbar{align-items:stretch;flex-direction:column}.business-role-panel>summary span{display:block;margin:5px 0}}
@media(max-width:400px){.users-filter-toolbar{grid-template-columns:1fr}}
/* User management: a quiet workspace inside the shared Liquid Glass shell. */
#usersApp { gap:20px; --users-ink:#263449; --users-muted:#718097; --users-rule:rgba(69,91,123,.10); }
#usersApp [hidden] { display:none!important; }
#usersApp .users-notice:empty { display:none; }
#usersApp .users-notice { margin:0; padding:12px 16px; background:rgba(255,255,255,.6); border-radius:12px; }
#usersApp .users-tabs { display:flex; gap:8px; align-items:center; width:fit-content; max-width:100%; padding:5px; background:rgba(230,237,248,.52); border:1px solid rgba(255,255,255,.8); border-radius:16px; box-shadow:inset 0 1px 0 #ffffff80; }
#usersApp .users-tabs button { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 18px; border:0!important; border-radius:11px!important; background:transparent!important; color:#65748a; box-shadow:none!important; font-size:13px; font-weight:500; white-space:nowrap; cursor:pointer; }
#usersApp .users-tabs button[aria-selected="true"] { background:rgba(255,255,255,.92)!important; color:#24334b; box-shadow:0 2px 8px #293f6312,inset 0 1px 0 #fff!important; }
#memberTabCount { font-size:11px; padding:1px 6px; border-radius:5px; background:#e9eef6; color:#64758e; font-variant-numeric:tabular-nums; }
#usersApp button:focus-visible, #usersApp summary:focus-visible { outline:2px solid #377fe0; outline-offset:3px; }
#usersApp .users-grid { display:block; }
#usersApp .users-card { padding:24px; border:1px solid rgba(255,255,255,.85); border-radius:22px; background:rgba(249,252,255,.64); box-shadow:0 8px 32px #43567608,inset 0 1px 0 #ffffffb3; }
#usersApp .users-section-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
#usersApp h2 { font-size:19px; font-weight:600; letter-spacing:-.3px; color:var(--users-ink)!important; }
#usersApp .users-section-head p { margin:6px 0 0; font-size:12px; color:var(--users-muted); }
#usersApp .users-head-actions { display:flex; gap:10px; flex-shrink:0; }
#usersApp .users-head-actions button,#usersApp .role-editor-footer button,#usersApp #toggleUserFilters { height:38px; border:1px solid rgba(84,108,141,.15); border-radius:10px!important; background:rgba(255,255,255,.55); color:#4b607c; padding:0 14px; cursor:pointer; font-size:12px; }
#usersApp .users-head-actions .primary,#usersApp .role-editor-footer .primary { width:auto; min-width:110px; margin:0; background:#253750!important; border-color:#253750!important; color:#fff!important; box-shadow:0 4px 10px #23375014!important; }
#usersApp .users-head-actions .primary:hover,#usersApp .role-editor-footer .primary:hover { background:#344d70!important; }
#usersApp .users-filter-toolbar { display:grid; grid-template-columns:minmax(200px,1.7fr) repeat(3,minmax(115px,1fr)) auto; gap:12px; align-items:end; margin:0; }
#usersApp .users-filter-toolbar label,#usersApp .users-extra-filters label { display:grid; gap:7px; min-width:0; color:#7c899c; font-size:11px; }
#usersApp .users-filter-toolbar input,#usersApp .users-filter-toolbar select,#usersApp .users-extra-filters select,#usersApp .users-sort select { min-width:0; width:100%; height:38px; padding:0 11px; border:1px solid #8093af26!important; border-radius:10px!important; background:#ffffff80!important; color:#4b5e78!important; font-size:12px; box-shadow:none!important; }
#usersApp .users-filter-toolbar input:focus,#usersApp select:focus { outline:2px solid #377fe044; outline-offset:1px; }
#usersApp .users-filter-toolbar input::placeholder { color:#94a0b2; }
#usersApp #toggleUserFilters { white-space:nowrap; }
#usersApp #toggleUserFilters[aria-expanded="true"] { background:#e5edfa; color:#2863ab; }
#usersApp .users-extra-filters { display:flex; gap:12px; align-items:end; margin-top:14px; padding:14px 0 0; border-top:1px solid var(--users-rule); }
#usersApp .users-extra-filters label { min-width:160px; }
#usersApp .users-table-meta { display:flex; align-items:center; gap:14px; min-height:60px; }
#usersApp .users-filter-summary { margin:0; font-size:11px; color:#8390a2; }
#usersApp #clearUserFilters { padding:4px 0; border:0; background:transparent; color:#3473ba; font-size:11px; cursor:pointer; }
#usersApp .users-sort { margin-left:auto; }
#usersApp .users-sort select { width:auto; height:30px; border-color:transparent!important; background:transparent!important; font-size:11px; }
.users-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
#usersApp #usersTable { max-height:none; overflow:auto; scrollbar-gutter:auto; }
#usersApp .users-table { min-width:850px; table-layout:fixed; background:transparent!important; }
#usersApp .users-table th { padding:13px 10px; font-size:11px; font-weight:500; background:#e9eff780!important; border-bottom:1px solid var(--users-rule)!important; color:#7b899d!important; box-shadow:none; }
#usersApp .users-table th:first-child { border-radius:10px 0 0 10px; }
#usersApp .users-table th:last-child { border-radius:0 10px 10px 0; }
#usersApp .users-table th .user-sort-button { min-height:0; padding:0; border:0!important; background:transparent!important; box-shadow:none!important; font-size:11px; font-weight:500; }
#usersApp .users-table th:nth-child(n),#usersApp .users-table td:nth-child(n) { min-width:0; }
#usersApp .users-table th:nth-child(1) { width:22%; }
#usersApp .users-table th:nth-child(2) { width:12%; }
#usersApp .users-table th:nth-child(3) { width:12%; }
#usersApp .users-table th:nth-child(4) { width:11%; }
#usersApp .users-table th:nth-child(5) { width:11%; }
#usersApp .users-table th:nth-child(6) { width:21%; }
#usersApp .users-table th:nth-child(7) { width:11%; }
#usersApp .users-table td { padding:15px 10px; font-size:12px; border-bottom:1px solid var(--users-rule)!important; color:#506079; }
#usersApp .users-table tbody tr:last-child td { border-bottom:0!important; }
#usersApp .users-table tr:hover { background:rgba(255,255,255,.52)!important; }
#usersApp .member-identity { display:flex; align-items:center; gap:11px; min-width:0; }
#usersApp .member-avatar { display:grid; place-items:center; flex:0 0 34px; height:34px; border-radius:11px; color:#6983a5; background:linear-gradient(145deg,#e8eef8,#dce8f4); font-size:13px; }
#usersApp .member-names { min-width:0; display:grid; gap:4px; }
#usersApp .member-names strong { color:#30425b; font-weight:600; font-size:13px; }
#usersApp .member-names small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#91a0b3; font-size:10px; }
#usersApp .users-table .badge { border-radius:6px; padding:4px 7px; background:#e9eff78c!important; color:#607997!important; font-size:10px; }
#usersApp .users-table .badge.admin { background:#e9e4f480!important; color:#85729d!important; }
#usersApp .users-table .badge.off { background:transparent!important; color:#92a0b1!important; }
#usersApp .users-table .badge.pending-position { color:#916826!important; background:#fff1d680!important; }
#usersApp .member-status { display:inline-flex; align-items:center; gap:6px; font-size:11px; }
#usersApp .member-status::before { content:""; width:5px; height:5px; border-radius:50%; background:#acb4c2; }
#usersApp .member-status.is-active::before { background:#409f7c; }
#usersApp .session-count { display:block; margin:4px 0 0 11px; color:#98a3b4; font-size:10px; }
#usersApp .user-row-menu summary { padding:6px 0; border:0; background:transparent; color:#77879e; font-size:11px; }
#usersApp .user-row-menu[open] { min-width:0; }
#usersApp .row-actions { grid-template-columns:1fr; }
#usersApp .row-actions button { white-space:normal; padding:7px; min-height:32px; font-size:11px; }
#usersApp .business-role-panel { display:grid; grid-template-columns:204px minmax(0,1fr); gap:0; padding:0; margin:0; overflow:hidden; }
#usersApp .role-directory { padding:24px 16px; background:rgba(230,237,248,.35); border-right:1px solid var(--users-rule); }
#usersApp .role-directory-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 4px; }
#usersApp .role-directory-head h2 { font-size:14px!important; }
#usersApp #addBusinessRole { width:29px; height:29px; padding:0; border:1px solid #7d94b126; border-radius:9px!important; background:#ffffff80; color:#6b819f; font-size:19px; cursor:pointer; }
#usersApp .role-directory>p { font-size:11px; color:#8b98aa; margin:9px 4px 22px; }
#usersApp .role-list { display:grid; gap:5px; }
#usersApp .role-list button { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 12px; border:1px solid transparent!important; border-radius:10px!important; background:transparent!important; box-shadow:none!important; color:#6e7e93; font-size:12px; text-align:left; cursor:pointer; }
#usersApp .role-list button:hover { background:#ffffff60!important; }
#usersApp .role-list button[aria-pressed="true"] { background:rgba(255,255,255,.92)!important; border-color:#ffffffb3!important; color:#295d9d; box-shadow:0 3px 12px #3b567711!important; }
#usersApp .role-list small { color:#97a4b6; font-size:10px; font-variant-numeric:tabular-nums; }
#usersApp .role-directory .role-directory-note { border-top:1px solid var(--users-rule); margin:24px 4px 0; padding-top:16px; line-height:1.9; }
#usersApp .role-mobile-select { display:none; }
#usersApp #businessRoleForm { min-width:0; padding:26px 30px 18px; }
#usersApp .role-editor-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#usersApp .role-eyebrow { color:#8997aa; font-size:10px; letter-spacing:1px; margin-bottom:7px; }
#usersApp #roleEditorTitle { font-size:23px!important; letter-spacing:0; margin:0; }
#usersApp .role-count { color:#7489a3; background:#e5edf780; padding:6px 10px; border-radius:8px; font-size:11px; white-space:nowrap; }
#usersApp #businessRoleAffected { margin:10px 0 26px; font-size:11px; color:#8a94a5!important; }
#usersApp #businessRoleNameField { max-width:400px; margin-top:20px; }
#usersApp .business-role-permissions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 30px; margin:0; }
#usersApp .permission-group { min-width:0; }
#usersApp .permission-group h3 { margin:0 0 5px; padding-bottom:10px; color:#77869c!important; font-size:12px!important; font-weight:500; letter-spacing:.4px; border-bottom:1px solid var(--users-rule); }
#usersApp .permission-group:last-child { grid-column:1/-1; }
#usersApp .permission-group:last-child>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
#usersApp .business-role-switch { border:0; border-bottom:1px solid #536b8d0c; border-radius:0; padding:14px 0; gap:16px; background:transparent; }
#usersApp .business-role-switch:last-child { border-bottom:0; }
#usersApp .business-role-switch span { font-size:13px; font-weight:500; color:#394d68; }
#usersApp .business-role-switch small { font-size:11px; font-weight:400; color:#79899f; margin-top:5px; line-height:1.6; }
#usersApp .business-role-switch input[role="switch"] { width:34px!important; min-width:34px!important; flex-basis:34px; height:20px!important; min-height:20px!important; background:#c6cfdb!important; }
#usersApp .business-role-switch input[role="switch"]:before { width:14px; height:14px; }
#usersApp .business-role-switch input[role="switch"]:checked { background:#488be8!important; }
#usersApp .business-role-switch input[role="switch"]:checked:before { transform:translateX(14px); }
#usersApp .role-editor-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; padding-top:18px; border-top:1px solid var(--users-rule); }
#usersApp .role-editor-footer>span { color:#8a98ab; font-size:10px; }
#usersApp .role-editor-footer .form-actions { margin:0; flex-shrink:0; }
#usersApp #resetBusinessRole:disabled { visibility:hidden; }
#usersApp #businessRoleMessage { min-height:0; font-size:11px; }
#usersApp #businessRoleMessage:empty { display:none; }
#usersApp .users-view-stack { display:grid; gap:20px; }
#createUserDialog { width:min(500px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); border:1px solid #fff; border-radius:22px; background:rgba(245,249,255,.97); color:#30425b; box-shadow:0 24px 90px #1e365938; }
#createUserDialog::backdrop { background:#263d5c40; backdrop-filter:blur(8px); }
#createUserDialog form { padding:28px; }
#createUserDialog .dialog-head h2 { font-size:20px; }
#createUserDialog .dialog-head button { border:0; background:#e6edf7; color:#687e9c; }
#createUserDialog p { color:#8090a7; font-size:11px; }
#createUserDialog .field label { color:#506580; font-size:12px; }
#createUserDialog .field input,#createUserDialog .field select { height:40px; border:1px solid #8093af30; background:#fff; color:#30425b; }
#createUserDialog .form-actions button { border:1px solid #8093af30; background:#edf2f9; color:#506580; }
#createUserDialog .form-actions .primary { background:#253750; color:#fff; }
#createUserDialog .message:empty { display:none; }
@media(min-width:1800px) { #usersApp .business-role-permissions { gap:28px 48px; } }
@media(max-width:1150px) { #usersApp .users-filter-toolbar { grid-template-columns:minmax(180px,1.6fr) repeat(2,minmax(105px,1fr)); } #usersApp .users-filter-toolbar>label:nth-of-type(4) { grid-column:2; grid-row:2; } #usersApp #toggleUserFilters { grid-column:3; grid-row:2; } #usersApp .business-role-panel { grid-template-columns:175px minmax(0,1fr); } #usersApp #businessRoleForm { padding:24px; } #usersApp .business-role-permissions { gap:24px; } }
@media(max-width:800px) { #usersApp .business-role-panel { grid-template-columns:1fr; } #usersApp .role-directory { border-right:0; border-bottom:1px solid var(--users-rule); padding:16px 20px; } #usersApp .role-directory>p,#usersApp .role-list { display:none; } #usersApp .role-mobile-select { display:grid; gap:8px; margin-top:12px; font-size:11px; color:#8191a7; } #usersApp .role-mobile-select select { width:100%; height:38px; border-radius:9px; padding:0 10px; } }
@media(max-width:600px) {
  #usersApp { gap:14px; }
  #usersApp .users-tabs { width:100%; gap:2px; padding:4px; border-radius:12px; }
  #usersApp .users-tabs button { flex:1; gap:4px; padding:9px 4px; font-size:11px; border-radius:9px!important; }
  #memberTabCount { display:none; }
  #usersApp .users-card { padding:17px; border-radius:17px; }
  #usersApp .users-section-head { align-items:flex-start; gap:10px; margin-bottom:20px; }
  #usersApp .users-section-head h2 { font-size:17px; }
  #usersApp .users-section-head p { max-width:180px; line-height:1.8; font-size:10px; }
  #usersApp .users-head-actions { gap:0; }
  #usersApp #refreshUsers { display:none; }
  #usersApp #openCreateUser { font-size:11px; min-width:0; padding:0 11px; height:34px; }
  #usersApp .users-filter-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; }
  #usersApp .users-filter-toolbar .member-search { grid-column:1/-1; }
  #usersApp .users-filter-toolbar>label:nth-of-type(4),#usersApp #toggleUserFilters { grid-column:auto; grid-row:auto; }
  #usersApp .users-extra-filters { display:grid; grid-template-columns:1fr 1fr; }
  #usersApp .users-extra-filters label { min-width:0; }
  #usersApp .users-table-meta { gap:8px; flex-wrap:wrap; padding:14px 0; min-height:0; }
  #usersApp .users-sort select { max-width:148px; padding:0 2px; }
  #usersApp .users-table { min-width:0; table-layout:auto; }
  #usersApp .users-table tr { display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; padding:18px 0; border-bottom:1px solid var(--users-rule); }
  #usersApp .users-table td { width:auto!important; border:0!important; padding:0; font-size:11px; }
  #usersApp .users-table td::before { width:auto; display:block; font-size:9px; color:#9aa6b7; margin-bottom:4px; }
  #usersApp .users-table td:first-child { grid-column:1/-1; padding-bottom:8px; }
  #usersApp .users-table td:first-child::before { display:none; }
  #usersApp .users-table td:last-child { align-self:end; }
  #usersApp .member-names small { max-width:230px; }
  #usersApp .session-count { display:inline; margin-left:5px; }
  #usersApp .user-row-menu summary { padding:0; }
  #usersApp .business-role-panel { padding:0; }
  #usersApp #businessRoleForm { padding:22px 20px 18px; }
  #usersApp .business-role-permissions { grid-template-columns:1fr; gap:22px; }
  #usersApp .permission-group:last-child>div { grid-template-columns:1fr; gap:0; }
  #usersApp .business-role-switch { padding:13px 0; }
  #usersApp .role-editor-footer { flex-wrap:wrap; gap:14px; }
  #usersApp .role-editor-footer .form-actions { width:100%; justify-content:flex-end; }
  #createUserDialog form { padding:22px; }
}
@media(prefers-reduced-motion:reduce) { #usersApp * { transition:none!important; } }