: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}
}