/* Layout/theme adaptation, 2026-10-05, for Whispek.
 * Copyright (C) 2023-2026 QuantumNous
 * Reference: https://github.com/QuantumNous/new-api (1a4166d8)
 * GNU AGPL-3.0: see vendor/NEW-API-LICENSE and vendor/NEW-API-NOTICE.
 */
@font-face { font-family:"Public Sans Variable"; font-style:normal; font-weight:100 900; font-display:swap; src:url("/static/vendor/public-sans-latin-wght-normal.woff2") format("woff2"); }
:root { --tblr-font-sans-serif:"Public Sans Variable","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; --tblr-primary:#389ed8; --tblr-body-color:#242424; --tblr-border-color:#e8e8e8; --wk-bg:color-mix(in oklch,oklch(.145 0 0) .5%,white); --wk-ink:oklch(.145 0 0); --wk-muted:#737373; --wk-line:#e8e8e8; --wk-soft:#f5f5f5; --wk-primary:#389ed8; --wk-accent:color-mix(in oklch,var(--wk-primary) 12%,white); --wk-danger:#bd3030; --wk-sidebar:208px; }
* { box-sizing:border-box; }
html { scrollbar-gutter:auto; }
[hidden] { display:none !important; }
body { margin:0; background:var(--wk-bg); color:var(--wk-ink); font:14px/1.5 var(--tblr-font-sans-serif); -webkit-font-smoothing:antialiased; }
body:has(dialog[open]) { overflow:hidden; }
button,input,select,textarea { font:inherit; }
:focus-visible { outline:2px solid var(--wk-primary); outline-offset:3px; }
.text-secondary { color:var(--wk-muted) !important; }
.page { min-height:100svh; height:100svh; overflow:hidden; }
body:has(#app-shell:not([hidden])) { height:100svh; overflow:hidden; }
.wk-global-header { height:48px; position:fixed; inset:0 0 auto; z-index:1035; display:flex; align-items:center; gap:8px; padding:0 12px; background:var(--wk-bg); }
.wk-brand { display:flex; align-items:center; gap:8px; color:var(--wk-ink); font-size:18px; font-weight:650; text-decoration:none; flex-shrink:0; }
.wk-console-label { color:var(--wk-muted); font-size:12px; border-left:1px solid var(--wk-line); padding-left:12px; }
.wk-global-header .ms-auto { margin-left:auto !important; min-width:0; }
.wk-global-header .wk-owner-mark { width:26px; height:26px; font-size:12px; background:#9561ce; color:#fff; }
.navbar.navbar-vertical { top:48px; width:var(--wk-sidebar); height:calc(100svh - 48px); background:var(--wk-bg); padding:8px 8px 12px; border:0; box-shadow:none; position:fixed; }
.navbar-vertical .container-fluid { height:100%; display:flex; flex-direction:column; align-items:stretch; padding:0; }
.navbar-vertical .navbar-nav { flex-direction:column; min-height:0; overflow:auto; }
.wk-nav-label { padding:0 12px; margin:4px 0 10px; font-size:12px; color:#888; }
.wk-nav-group { margin-top:26px; }
.navbar-vertical .navbar-nav .nav-link { display:flex; align-items:center; gap:8px; width:100%; height:32px; min-height:32px; padding:6px 8px; margin:2px 0; border:0; border-radius:12.8px; background:transparent; color:var(--wk-ink); font-size:14px; text-align:left; flex-shrink:0; }
.navbar-vertical .navbar-nav .nav-link:hover { background:var(--wk-soft); }
.navbar-vertical .navbar-nav .nav-link.active { background:var(--wk-accent); color:#287fc4; font-weight:500; }
.wk-nav-icon { width:16px; height:16px; flex-shrink:0; }
.wk-sidebar-toggle { color:var(--wk-muted); border:0 !important; background:transparent !important; padding:4px 8px !important; }
.wk-sidebar-footer { display:flex; gap:10px; align-items:center; padding:16px 10px 4px; border-top:1px solid var(--wk-line); }
.wk-sidebar-footer > div:last-child { min-width:0; }
.wk-sidebar-footer strong,.wk-sidebar-footer small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wk-sidebar-footer small { color:#888; font-size:11px; margin-top:2px; }
.wk-owner-mark { background:#e8f3ff; color:#297ac0; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-weight:600; flex-shrink:0; }
#app-shell .page-wrapper { display:flex; flex-direction:column; flex:0 0 auto; margin:56px 8px 8px var(--wk-sidebar); min-height:0; height:calc(100svh - 64px); background:#fff; border:0; border-radius:22.4px; box-shadow:0 0 0 1px var(--wk-line),0 1px 2px #0000000d; overflow:hidden; }
.page-body { flex:1; margin:0; padding:20px 16px 16px; min-height:0; display:flex; flex-direction:column; }
.container-xl { max-width:none; padding:0; }
.wk-view { min-height:0; flex:1; padding:0 0 16px; overflow:auto; }
.page-header { min-height:28px; flex-shrink:0; margin:0 0 18px !important; }
.wk-view:not(.wk-list-view) > .page-header { margin-bottom:22px !important; }
.page-title { font-size:18px; line-height:28px; font-weight:700; letter-spacing:-.4px; }
.page-header .text-secondary { font-size:13px; margin-top:4px; }
#overview-state:empty,#detail-state:empty,#detail-activity-state:empty { display:none; }
.card { border:1px solid var(--wk-line); border-radius:16px; box-shadow:none; background:#fff; overflow:hidden; }
.card-body,.card-header,.card-footer { padding:16px; }
.card-header { min-height:56px; border-bottom:1px solid var(--wk-line); }
.card-footer { border-top:1px solid var(--wk-line); background:#fff; flex-wrap:wrap; }
.card-title { font-size:16px; font-weight:600; }
.row-cards { --tblr-gutter-x:16px; --tblr-gutter-y:16px; }
.wk-overview-summary { display:grid; grid-template-columns:minmax(0,1fr); border-radius:28px; }
.wk-overview-usage { padding:20px; }
.wk-summary-heading { margin-bottom:16px; }
.wk-summary-heading h3 { margin:0; font-size:16px; line-height:24px; font-weight:600; }
.wk-summary-heading p { margin:4px 0 0; font-size:13px; color:var(--wk-muted); }
#overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; }
#overview-metrics > div { width:auto; margin:0; padding:0; }
.wk-metric-card { width:100%; min-height:124px; border-radius:22.4px; background:#fff; }
#overview-metrics .card-body { padding:16px; }
#overview-metrics .card-body > .text-secondary { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:500; }
.wk-metric-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:10px; background:#eaf6fb; color:#389ed8; flex-shrink:0; }
.wk-metric-icon svg { width:14px; height:14px; }
#overview-metrics > :nth-child(2) .wk-metric-icon { background:#e8f6f0; color:#2cac81; }
#overview-metrics > :nth-child(3) .wk-metric-icon { background:#fbecfa; color:#bb74c0; }
#overview-metrics > :nth-child(4) .wk-metric-icon { background:#fdf5e7; color:#c89a3d; }
#overview-metrics .h1 { margin-top:10px; font:600 24px/1.5 ui-monospace,Consolas,monospace; letter-spacing:-.5px; font-variant-numeric:tabular-nums; }
.wk-health-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:20px; border-top:1px solid var(--wk-line); background:linear-gradient(135deg,#f4faf7,#f6fbfd); }
.wk-health-grid > .wk-summary-heading { grid-column:1/-1; margin:0; }
.wk-health-grid .card { border:0; border-radius:12px; background:#ffffffb3; }
.wk-health-grid .card-body { padding:12px; }
.wk-health-grid .text-secondary { font-size:12px; }
.wk-health-number { display:block; font-size:22px; font-weight:600; margin:6px 0; font-variant-numeric:tabular-nums; }
.wk-metric-link { width:100%; text-align:left; cursor:pointer; font:inherit; }
.wk-metric-link > .card-body { display:block; width:100%; }
.wk-metric-link:hover { background:#fff; box-shadow:inset 0 0 0 1px #b5dcf4; }
#metric-failed-24h { color:#b94646; }
#metric-overdue { color:#ac7428; }
.btn { border-radius:12.8px; min-height:32px; padding:4px 12px; font-weight:500; box-shadow:none; }
.btn-sm { min-height:32px; padding:4px 10px; font-size:12.8px; }
.btn-dark { background:var(--wk-primary); border-color:var(--wk-primary); color:#fff; }
.btn-dark:hover,.btn-dark:focus-visible { background:#258ac6; border-color:#258ac6; color:#fff; }
.btn-outline-secondary,.btn-outline-dark { background:#fff; border-color:#e3e3e3; color:#555; }
.btn-outline-secondary:hover,.btn-outline-dark:hover { background:var(--wk-soft); border-color:var(--wk-line); color:var(--wk-ink); }
.btn-link { color:#2580bd; }
.btn:disabled { opacity:.45; cursor:not-allowed; }
.form-label { color:#555; font-size:12px; font-weight:500; margin-bottom:6px; }
.form-control,.form-select { min-height:32px; padding-top:4px; padding-bottom:4px; border:1px solid var(--wk-line); border-radius:16px; background-color:#fff; color:#333; box-shadow:none; }
.form-control:focus,.form-select:focus { border-color:#78bce5; box-shadow:0 0 0 3px #389ed814; }
.form-hint { font-size:12px; color:var(--wk-muted); line-height:1.7; margin-top:6px; }
.wk-auto-refresh { width:138px; min-height:32px; font-size:12px; }
.wk-compact-select { width:auto; min-width:100px; }
#updated-at { font-size:11px !important; font-variant-numeric:tabular-nums; white-space:nowrap; }
.wk-list-view { display:flex; flex-direction:column; overflow:hidden; padding:0; }
.wk-list-panel { display:flex; flex-direction:column; flex:1; min-height:0; }
.wk-list-panel .wk-toolbar { min-height:32px; padding:0; border:0; margin:0 0 12px; flex-shrink:0; }
.wk-toolbar form.row { display:flex; flex-wrap:wrap; gap:8px; margin:0; width:100% !important; align-items:center !important; }
.wk-toolbar form > div { margin:0; padding:0; width:auto; flex:0 0 auto; }
.wk-toolbar form > .col-md { width:240px; max-width:100%; }
.wk-toolbar .form-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wk-toolbar .form-select { max-width:168px; min-width:108px; }
.wk-toolbar input[type="date"] { width:142px; }
.wk-list-panel > [role="status"] { flex:0 0 auto; padding:0 !important; }
.wk-list-panel > [role="status"]:empty { display:none; }
.wk-list-panel > .table-responsive { flex:1; min-height:0; border:1px solid var(--wk-line); border-radius:16px; overflow:auto; }
.wk-list-panel > .card-footer { flex-shrink:0; padding:16px 0 0; border:0; gap:16px !important; }
.wk-list-panel .card-footer > :first-child { margin-right:auto; }
.table { --tblr-table-border-color:var(--wk-line); font-size:14px; font-variant-numeric:tabular-nums; margin-bottom:0; }
.table thead th { background:var(--wk-soft); color:var(--wk-ink); font-size:14px; font-weight:500; height:40px; padding:8px; white-space:nowrap; text-transform:none; }
.wk-list-panel .table thead th { position:sticky; top:0; z-index:1; }
.table td { padding:8px; height:60px; font-weight:500; vertical-align:middle; }
.table tr:last-child td { border-bottom:0; }
.table tbody tr:hover { background:#fafafa; }
.wk-account-cell { max-width:270px; }
.wk-account-line { display:flex; align-items:center; gap:4px; }
.wk-account-email { color:var(--wk-ink); font-weight:500; font-size:14px; overflow-wrap:anywhere; }
.wk-account-email.btn { min-height:0; line-height:20px; border:0; }
.wk-account-line .wk-copy { flex-shrink:0; }
.wk-user-id,.wk-operation-id,.wk-feedback-meta { color:#888; font-size:11px; margin-top:4px; overflow-wrap:anywhere; }
.wk-record-id { min-width:160px; max-width:260px; overflow-wrap:anywhere; }
.wk-credit-cell { white-space:nowrap; }
.wk-status-badge { border-radius:8px; padding:4px 8px; font-size:11px; font-weight:500; letter-spacing:0; background:#f2f3f5 !important; color:#68707d !important; white-space:nowrap; }
.wk-status-badge[data-tone="success"] { background:#e7f6ee !important; color:#20845b !important; }
.wk-status-badge[data-tone="danger"] { background:#fcecec !important; color:#bc4141 !important; }
.wk-status-badge[data-tone="warning"] { background:#fff4df !important; color:#a37522 !important; }
.wk-status-badge[data-tone="info"] { background:#e8f3ff !important; color:#297bc0 !important; }
.wk-page-numbers { display:flex; gap:4px; align-items:center; }
.wk-page-numbers .btn { min-width:32px; height:32px; padding:4px 8px; }
.card-footer .wk-compact-select { min-width:70px; width:70px; }
.card-footer .btn-list { flex-wrap:nowrap; gap:4px; }
.card-footer .btn-list > .btn { min-width:32px; height:32px; padding:4px 8px; font-size:18px; }
.wk-detail-list dt { color:#888; font-size:12px; }
.wk-detail-list dd { font-weight:500; overflow-wrap:anywhere; }
.wk-detail-list dt,.wk-detail-list dd { margin-bottom:14px; }
#detail-actions { gap:8px; margin-top:16px; }
#detail-subtitle { overflow-wrap:anywhere; font-size:12px; margin-top:6px; }
.wk-activity-metric { border-radius:12px; padding:14px; background:#f7faff; min-height:70px; }
.wk-activity-label { color:#888; font-size:12px; margin-bottom:4px; }
.wk-activity-value { font-weight:600; overflow-wrap:anywhere; }
.wk-reset-list { overflow-x:auto; min-height:100px; }
.wk-reset-list table { min-width:520px; }
.wk-activity-table { min-width:670px; }
.wk-activity-section { min-width:0; }
.wk-device-cell,.wk-task-type { max-width:220px; overflow-wrap:anywhere; }
.wk-task-status { min-width:125px; }
.wk-task-status .badge { margin:0 4px 4px 0; }
.wk-feedback-cell { min-width:230px; }
.wk-feedback-list { display:flex; flex-direction:column; gap:6px; }
.wk-feedback-item + .wk-feedback-item { border-top:1px solid var(--wk-line); padding-top:6px; }
.progress { background:#edf4f9; }
.progress-bar.bg-dark { background:var(--wk-primary) !important; }
.wk-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px 16px; min-height:100px; text-align:center; color:#888; }
.wk-empty p,.wk-error p { margin:0; }
.wk-error,.wk-dialog-alert { border:1px solid #f1d1d1; background:#fff6f6; color:#af4141; border-radius:12px; padding:12px 16px; margin-bottom:12px; }
.wk-error { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; }
.alert { border-radius:12px; }
.wk-pending-box { border:1px solid #edd4a2; background:#fffbf2; border-radius:16px; padding:16px 18px; margin-bottom:20px; }
.wk-pending-box .btn { margin:4px 8px 0 0; max-width:100%; overflow-wrap:anywhere; white-space:normal; }
dialog { color:var(--wk-ink); border:1px solid var(--wk-line); border-radius:22.4px; padding:0; width:min(560px,calc(100vw - 32px)); max-width:none; max-height:calc(100svh - 40px); overflow:auto; box-shadow:0 0 0 1px #0000001a; }
dialog::backdrop { background:#0006; backdrop-filter:blur(2px); }
.wk-dialog-header,.wk-dialog-body,.wk-dialog-footer { padding:16px; }
.wk-dialog-header,.wk-dialog-footer { display:flex; gap:16px; justify-content:space-between; align-items:center; }
.wk-dialog-header { border-bottom:1px solid var(--wk-line); }
.wk-dialog-footer { border-top:1px solid var(--wk-line); background:#fafafa; }
.wk-dialog-form { display:flex; flex-direction:column; }
.wk-dialog-body textarea { resize:vertical; }
#order-dialog,.wk-drawer { width:min(55vw,672px); max-height:100svh; height:100svh; margin:0 0 0 auto; border-radius:0; box-shadow:none; }
.wk-drawer .wk-dialog-header,#order-dialog .wk-dialog-header { position:sticky; top:0; background:#fff; z-index:1; }
#task-dialog-id { overflow-wrap:anywhere; }
.wk-order-period { border-top:1px solid var(--wk-line); padding:20px 0; }
.wk-order-summary { padding-bottom:14px; }
.wk-copy { background:transparent; border:0; color:#888; border-radius:5px; font-size:11px; padding:2px 5px; cursor:pointer; }
.wk-copy:hover { background:var(--wk-accent); color:#2476bb; }
.wk-analytics-summary { display:flex; flex-wrap:wrap; gap:24px; margin-bottom:18px; }
.wk-analytics-summary strong { display:block; font-size:18px; font-weight:600; color:#333; }
.wk-analytics-summary span { font-size:12px; color:#888; }
.wk-chart { display:flex; align-items:stretch; height:290px; gap:6px; overflow-x:auto; border-bottom:1px solid var(--wk-line); background:repeating-linear-gradient(to top,transparent 0,transparent 63px,#f1f1f1 63px,#f1f1f1 64px); }
.wk-chart-day { flex:1; min-width:18px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; }
.wk-chart-bars { display:flex; gap:2px; align-items:flex-end; height:256px; border-bottom:1px solid #eee; }
.wk-chart-bar { flex:1; min-width:3px; border-radius:4px 4px 0 0; background:#62a2ed; }
.wk-chart-bar.failed { background:#de8792; }
.wk-chart-bar.users { background:#49b4be; }
.wk-chart-day small { color:#888; background:#fff; font-size:9px; text-align:center; padding-top:8px; white-space:nowrap; }
.wk-chart-legend { display:flex; justify-content:center; gap:18px; font-size:12px; color:#888; margin-top:14px; }
.wk-chart-legend i { display:inline-block; width:8px; height:8px; border-radius:3px; margin-right:5px; }
.wk-key-tasks { background:#62a2ed; }
.wk-key-failed { background:#de8792; }
.wk-key-users { background:#49b4be; }
.wk-system-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.wk-system-grid .card:first-child { grid-column:1/-1; }
.wk-facts { display:grid; grid-template-columns:minmax(100px,1fr) minmax(0,2fr); gap:9px 18px; font-size:13px; margin:0; }
.wk-facts dt { color:#888; font-weight:400; }
.wk-facts dd { margin:0; overflow-wrap:anywhere; }
.wk-timeline { border-left:2px solid #e3f0fb; margin-left:5px; padding-left:18px; }
.wk-timeline > section { position:relative; padding:0 0 22px; }
.wk-timeline > section::before { content:""; position:absolute; left:-24px; top:5px; width:10px; height:10px; border-radius:50%; background:#74b6e2; border:2px solid white; }
.wk-screen-state { min-height:100svh; display:flex; justify-content:center; align-items:center; padding:20px; }
.wk-screen-state__card { display:flex; flex-direction:column; gap:12px; align-items:center; text-align:center; max-width:440px; width:100%; padding:32px; }
.wk-auth-page { min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; padding:80px 24px; }
.wk-auth-brand { position:absolute; top:28px; left:32px; }
.wk-auth-card { width:100%; max-width:416px; }
.wk-auth-heading { text-align:center; margin-bottom:28px; }
.wk-auth-heading h1 { font-size:24px; line-height:32px; font-weight:600; margin:0 0 8px; letter-spacing:-.5px; }
.wk-auth-heading p { font-size:14px; color:var(--wk-muted); margin:0; }
.wk-auth-form { display:grid; gap:16px; }
.wk-auth-form .form-label { font-size:14px; }
.wk-auth-form .form-control { height:40px; border-radius:12.8px; }
.wk-auth-submit { width:100%; height:40px; }
.wk-auth-message { color:var(--wk-danger); font-size:13px; margin:0; }
.wk-auth-footer { margin:28px 0 0; font-size:12px; color:#999; }
.wk-attribution { color:#999; font-size:10px; text-align:center; padding:12px 0 0; border-top:1px solid var(--wk-line); flex-shrink:0; }
.wk-attribution a { color:#6e92ad; }
.wk-loading-cell { background:linear-gradient(100deg,#fafafa 20%,#f1f1f1 45%,#fafafa 70%); background-size:240% 100%; animation:wk-loading 1.4s ease-in-out infinite; }
@keyframes wk-loading { to { background-position:-180% 0; } }
body.wk-sidebar-collapsed { --wk-sidebar:44px; }
.wk-sidebar-collapsed .navbar-vertical .nav-link-title,.wk-sidebar-collapsed .wk-nav-label,.wk-sidebar-collapsed .wk-sidebar-footer { display:none; }
.wk-sidebar-collapsed .navbar-vertical .navbar-nav .nav-link { padding:8px; justify-content:center; }
.wk-sidebar-backdrop { position:fixed; inset:0; background:#0006; backdrop-filter:blur(2px); border:0; z-index:1039; }
.wk-mobile-close { display:none; }
@media (min-width:1280px) { .wk-overview-summary { grid-template-columns:minmax(0,1fr) 280px; } #overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .wk-health-grid { grid-template-columns:1fr; border-top:0; border-left:1px solid var(--wk-line); } }
@media (max-width:991.98px) { #updated-at,.wk-console-label { display:none; } #overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767.98px) {
  #order-dialog,.wk-drawer { width:100vw; }
  .wk-global-header { gap:5px; padding:0 8px; }
  .wk-global-header .wk-brand { font-size:15px; gap:6px; }
  .wk-global-header .wk-brand img { width:24px; height:24px; }
  .wk-global-header .wk-owner-mark { display:none; }
  .wk-global-header .wk-sidebar-toggle { display:inline-flex; min-width:28px; }
  .wk-global-header .btn-sm { padding:4px 8px; }
  .wk-global-header .wk-auto-refresh { display:none; }
  .navbar.navbar-vertical { display:none; position:fixed; top:0; left:0; bottom:0; width:272px; height:100svh; padding:16px 8px; z-index:1040; background:var(--wk-bg); }
  .wk-mobile-sidebar-open .navbar-vertical { display:block; }
  .wk-mobile-sidebar-open { overflow:hidden; }
  .wk-mobile-close { display:block; position:absolute; top:16px; right:12px; margin:0; min-height:28px; }
  .navbar-vertical .wk-nav-label { display:block; }
  .navbar-vertical .wk-sidebar-footer { display:flex; }
  body.wk-sidebar-collapsed .navbar-vertical .nav-link-title { display:inline; }
  .navbar-vertical .navbar-nav .nav-link { width:100%; padding:6px 8px; justify-content:flex-start; }
  #app-shell .page-wrapper { margin:48px 0 0; height:calc(100svh - 48px); border-radius:0; box-shadow:none; }
  .page-body { padding:16px 12px; }
  .page-title { font-size:16px; line-height:24px; }
  .wk-list-view > .page-header { margin-bottom:10px !important; }
  .wk-list-panel .wk-toolbar { margin-bottom:10px; }
  .wk-list-view table { min-width:760px; }
  .wk-toolbar form > .col-md { width:100%; }
  .wk-toolbar .form-select { max-width:100%; }
  .wk-list-panel > .card-footer { gap:8px !important; }
  .wk-list-panel .card-footer > :first-child { flex-basis:100%; }
  .wk-list-panel .card-footer > .btn-list { margin-left:auto; }
  .wk-system-grid { grid-template-columns:1fr; }
  .wk-health-grid { gap:8px; padding:16px; }
  .wk-health-grid .card-body { padding:10px; }
  .wk-health-grid .card-body > p,.wk-health-grid .card-body > span:last-child { font-size:11px; }
  .wk-attribution { font-size:9px; }
  .wk-auth-brand { top:20px; left:20px; }
  .wk-auth-page { padding:80px 24px 32px; }
  .wk-auth-form .form-control { font-size:16px; }
  #users-view table { display:block; min-width:0; }
  #users-view thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  #users-body { display:block; }
  #users-body tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:16px; border-bottom:1px solid var(--wk-line); }
  #users-body tr:last-child { border-bottom:0; }
  #users-body td { display:block; min-width:0; height:auto; padding:0; border:0; }
  #users-body td:first-child { grid-column:1/-1; grid-row:1; max-width:none; padding-right:54px; }
  #users-body .wk-account-line { min-width:0; }
  #users-body .wk-account-email { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
  #users-body td:nth-child(2) { grid-column:2; grid-row:1; justify-self:end; align-self:start; }
  #users-body td:nth-child(2) .wk-status-badge { background:transparent !important; font-size:14px; padding:0; }
  #users-body td:nth-child(3)::before,#users-body td:nth-child(4)::before { display:block; color:var(--wk-muted); font-size:12px; margin-bottom:6px; }
  #users-body td:nth-child(3)::before { content:"套餐与额度"; }
  #users-body td:nth-child(4)::before { content:"最近活动"; }
  #users-body td:nth-child(3),#users-body td:nth-child(4) { font-size:12px; overflow-wrap:anywhere; }
  #users-body td:nth-child(3) .small,#users-body td:nth-child(4) .small { font-size:12px; }
  #users-body td:nth-child(5) { grid-column:1/-1; text-align:right; }
  #users-body td[colspan] { grid-column:1/-1; padding-right:0; }
}
@media (max-width:575.98px) {
  .wk-overview-usage { padding:16px; }
  #overview-metrics { gap:8px; }
  #overview-metrics .card-body { padding:10px; }
  #overview-metrics .card-body > .text-secondary { gap:6px; font-size:11px; }
  .wk-metric-icon { width:24px; height:24px; border-radius:8px; }
  #overview-metrics .h1 { font-size:22px; }
  .wk-health-grid { grid-template-columns:1fr; }
  .wk-health-grid .card-body { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 8px; }
  .wk-health-grid .card-body > p,.wk-health-grid .card-body > span:last-child { grid-column:1/-1; }
  .wk-health-number { font-size:20px; margin:0; }
  .wk-analytics-summary { gap:16px; }
  .wk-facts { grid-template-columns:1fr; gap:3px; }
  .wk-facts dd { margin-bottom:10px; }
  .wk-dialog-header,.wk-dialog-body,.wk-dialog-footer { padding:16px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }