.au-page { color: var(--text, #1f2329); font: 14px/1.6 var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", Arial, sans-serif); }
.au-page * { box-sizing: border-box; }
.au-page button, .au-page input, .au-page select, .au-page textarea { font: inherit; }
.au-panel { padding: 24px; margin-bottom: 18px; border: 1px solid var(--border, #ecedf1); border-radius: 18px; background: #fff; box-shadow: 0 3px 20px rgba(16, 24, 40, .025); }
.au-loading { padding: 70px 20px; color: var(--muted, #6b7280); text-align: center; }
.au-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 22px; }
.au-panel-head h2 { margin: 0 0 5px; font-size: 18px; line-height: 1.3; }
.au-panel-head p { margin: 0; color: var(--muted, #6b7280); font-size: 13px; }
.au-badge { padding: 5px 11px; border-radius: 999px; background: var(--brand-soft, #eef3ff); color: var(--brand, #2f6bff); font-size: 12px; white-space: nowrap; }
.au-alert { padding: 12px 15px; margin-bottom: 15px; border: 1px solid #c9e9d8; border-radius: 11px; background: #f0fbf5; color: #147d4b; font-size: 13px; }
.au-alert[hidden] { display: none; }
.au-alert.au-error { border-color: #f4d0d2; background: #fff3f3; color: #c62f3a; }
.au-filter-row { display: flex; align-items: end; flex-wrap: wrap; gap: 9px; margin-bottom: 18px; }
.au-field { display: grid; gap: 6px; min-width: min(100%, 245px); color: #586273; font-size: 12px; font-weight: 600; }
.au-field input, .au-field select, .au-field textarea, .au-selects select { width: 100%; min-height: 39px; padding: 8px 11px; border: 1px solid #dfe5ef; border-radius: 10px; background: #fff; color: var(--text, #1f2329); outline: 0; font-weight: 400; }
.au-field textarea { min-height: 95px; resize: vertical; }
.au-field input:focus, .au-field select:focus, .au-field textarea:focus, .au-selects select:focus { border-color: var(--brand, #2f6bff); box-shadow: 0 0 0 3px rgba(47, 107, 255, .12); }
.au-button { min-height: 39px; display: inline-flex; justify-content: center; align-items: center; padding: 0 15px; border: 1px solid transparent; border-radius: 999px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background .15s, transform .15s; }
.au-button:hover { transform: translateY(-1px); }
.au-button:disabled { opacity: .5; cursor: default; transform: none; }
.au-primary { color: #fff; background: var(--brand, #2f6bff); }
.au-primary:hover { background: var(--brand-hover, #1f57e6); }
.au-outline { color: #405069; background: #fff; border-color: #dfe5ef; }
.au-outline:hover { background: #f5f8ff; }
.au-table-scroll { overflow-x: auto; border: 1px solid #e8edf5; border-radius: 14px; }
.au-table { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.au-table th { padding: 12px 14px; border-bottom: 1px solid #e9edf4; background: #fafbfc; color: #9098a6; font-size: 12px; font-weight: 600; }
.au-table td { padding: 13px 14px; border-bottom: 1px solid #eff1f5; color: #475264; font-size: 13px; }
.au-table tbody tr:last-child td { border-bottom: 0; }
.au-table tbody tr:hover { background: #fbfcff; }
.au-table td strong, .au-table td small { display: block; }
.au-table td strong { color: #263348; font-weight: 600; }
.au-table td small { margin-top: 2px; color: #a0a8b5; font-size: 11px; }
.au-user-identity { display: inline-flex; align-items: center; gap: 9px; }
.au-user-identity > span:last-child { display: block; min-width: 0; }
.au-user-identity .ac-charm-avatar { margin: 2px 0; }
.au-empty-cell { padding: 38px !important; color: #9aa1ab !important; text-align: center; }
.au-state { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.au-state.enabled { background: #ebfbf3; color: #138a54; }
.au-state.disabled { background: #fff0f0; color: #d9474f; }
.au-actions { white-space: nowrap; }
.au-actions a, .au-actions button { padding: 3px 6px; border: 0; border-radius: 6px; background: transparent; color: var(--brand, #2f6bff); font-size: 12px; text-decoration: none; cursor: pointer; }
.au-actions a { margin-right: 6px; }
.au-actions a:hover, .au-actions button:hover { background: #eef3ff; }
.au-actions button.danger { color: #d9474f; }
.au-actions button.danger:hover { background: #fff0f0; }
.au-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; color: var(--muted, #6b7280); font-size: 12px; }
.au-pagination > div { display: flex; gap: 8px; }
.au-footnote { margin: 14px 0 0; color: #929aaa; font-size: 12px; line-height: 1.6; }
.au-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-bottom: 18px; }
.au-stat { padding: 21px 23px; border: 1px solid var(--border, #ecedf1); border-radius: 17px; background: #fff; }
.au-stat small, .au-stat span { display: block; color: #929aaa; font-size: 12px; }
.au-stat strong { display: block; margin: 7px 0 3px; font-size: 28px; line-height: 1.2; overflow-wrap: anywhere; }
.au-selects { display: flex; gap: 10px; }
.au-selects label { display: grid; gap: 4px; min-width: 135px; color: var(--muted, #6b7280); font-size: 12px; }
.au-rank { width: 27px; height: 27px; display: inline-grid; place-items: center; border-radius: 8px; background: #f1f3f6; color: #677386; font-weight: 700; }
.au-rank.top { background: #eaf0ff; color: var(--brand, #2f6bff); }
.au-config-panel { max-width: 850px; }
.au-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.au-form-grid .au-wide { grid-column: 1 / -1; }
.au-checks { display: flex; flex-wrap: wrap; gap: 14px 22px; margin-top: 7px; }
.au-checks label { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.au-checks input { width: 16px; height: 16px; accent-color: var(--brand, #2f6bff); }
.au-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 24px; }
.au-form-actions span { color: #929aaa; font-size: 12px; }
html.netscope-theme-dark .au-panel, html.netscope-theme-dark .au-stat { color: #e7ecf5; background: #111d2f; border-color: #33435c; }
html.netscope-theme-dark .au-field, html.netscope-theme-dark .au-selects label { color: #c4d0e2; }
html.netscope-theme-dark .au-field input, html.netscope-theme-dark .au-field select, html.netscope-theme-dark .au-field textarea, html.netscope-theme-dark .au-selects select { color: #e7ecf5; background: #0d1727; border-color: #3c4d68; }
html.netscope-theme-dark .au-outline { color: #dce6f5; background: #17243a; border-color: #3c4d68; }
html.netscope-theme-dark .au-outline:hover, html.netscope-theme-dark .au-table tbody tr:hover { background: #20314a; }
html.netscope-theme-dark .au-table-scroll { border-color: #33435c; }
html.netscope-theme-dark .au-table th { color: #a9b8cb; background: #17243a; border-color: #33435c; }
html.netscope-theme-dark .au-table td { color: #c4d0e2; border-color: #29364b; }
html.netscope-theme-dark .au-table td strong { color: #e7ecf5; }
html.netscope-theme-dark .au-rank { color: #c4d0e2; background: #20314a; }
html.netscope-theme-dark .au-rank.top, html.netscope-theme-dark .au-badge { color: #a9c3ff; background: #1d3158; }
html.netscope-theme-dark .au-state.enabled, html.netscope-theme-dark .au-alert { color: #73d7a5; background: #153b2b; border-color: #2c6248; }
html.netscope-theme-dark .au-state.disabled, html.netscope-theme-dark .au-alert.au-error { color: #f5a5aa; background: #3d222c; border-color: #633540; }
html.netscope-theme-dark .au-actions a:hover, html.netscope-theme-dark .au-actions button:hover { background: #20314a; }
@media (max-width: 800px) {
  .au-stat-grid { grid-template-columns: 1fr; }
  .au-panel-head { flex-direction: column; }
  .au-selects { width: 100%; }
  .au-selects label { flex: 1; min-width: 0; }
}
@media (max-width: 600px) {
  .au-panel { padding: 18px 14px; }
  .au-filter-row .au-field { width: 100%; min-width: 0; }
  .au-filter-row .au-button { flex: 1; }
  .au-form-grid { grid-template-columns: 1fr; }
  .au-form-grid .au-wide { grid-column: auto; }
  .au-pagination { align-items: stretch; flex-direction: column; }
  .au-pagination > div { width: 100%; }
  .au-pagination .au-button { flex: 1; }
  .au-form-actions { align-items: stretch; flex-direction: column; }
  .au-form-actions .au-button { width: 100%; }
}