/* Admin-only real resource monitoring dashboard */
.res-dashboard{--res-panel:var(--card,#fff);--res-border:var(--border,#263247);--res-text:var(--ink,#e2e8f0);--res-muted:var(--muted,#94a3b8);max-width:1600px;margin:0 auto;color:var(--res-text)}
.res-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:3px 0 14px}.res-heading-copy{min-width:0}.res-eyebrow,.res-panel-eyebrow{display:flex;align-items:center;gap:8px;color:#38bdf8;font-size:9px;font-weight:850;letter-spacing:1.7px}.res-page-head h1{margin:9px 0 8px;font-size:clamp(24px,2.2vw,34px);font-weight:850;letter-spacing:-1.2px;line-height:1.15;color:var(--res-text)}.res-page-head p{max-width:780px;margin:0;color:var(--res-muted);font-size:12px;line-height:1.7}.res-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.res-live-indicator{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:#94a3b8;white-space:nowrap}.res-live-indicator.ok{color:#10b981}.res-live-indicator.warn{color:#f59e0b}.res-live-dot,.res-live-chip>span{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent)}.res-refresh-btn{min-width:126px}.res-refresh-btn.is-loading i{animation:res-spin .9s linear infinite}.res-update-line{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 13px;margin:0 0 16px;border:1px solid var(--res-border);border-radius:10px;background:color-mix(in srgb,var(--res-panel) 88%,#64748b 12%);color:var(--res-muted);font-size:10px}.res-update-line i{margin-right:5px;color:#38bdf8}.res-update-line b{color:var(--res-text);font-weight:800}.res-fetch-error,.res-scope-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 15px;border-radius:11px;font-size:11px;line-height:1.7}.res-fetch-error{background:#7f1d1d18;border:1px solid #ef444460;color:#fca5a5}.res-fetch-error[hidden],.res-scope-note[hidden]{display:none}.res-scope-note{background:#0284c710;border:1px solid #38bdf840;color:var(--res-muted)}.res-scope-note i{color:#38bdf8;margin-top:3px}.res-loading,.res-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:150px;padding:25px;color:var(--res-muted);font-size:12px;text-align:center}.res-spinner{width:24px;height:24px;border:3px solid #64748b40;border-top-color:#38bdf8;border-radius:50%;animation:res-spin .8s linear infinite}@keyframes res-spin{to{transform:rotate(360deg)}}
.res-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 16px}.res-stat-card{position:relative;overflow:hidden;min-width:0;padding:17px;border:1px solid var(--res-border);border-radius:15px;background:var(--res-panel);box-shadow:0 6px 20px #00000008}.res-stat-card:after{position:absolute;top:0;left:0;right:0;height:2px;content:"";background:linear-gradient(90deg,#38bdf8,#818cf8,#34d399);opacity:.75}.res-stat-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.res-stat-label{color:var(--res-muted);font-size:11px;font-weight:750}.res-stat-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;font-size:14px}.res-stat-icon.violet{background:#8b5cf61b;color:#a78bfa}.res-stat-icon.blue{background:#0ea5e91b;color:#38bdf8}.res-stat-icon.green{background:#10b9811b;color:#34d399}.res-stat-icon.amber{background:#f59e0b1b;color:#fbbf24}.res-stat-value{display:block;margin:13px 0 3px;color:var(--res-text);font-size:clamp(21px,2vw,28px);font-weight:850;letter-spacing:-.7px;overflow-wrap:anywhere}.res-stat-note{display:block;min-height:27px;color:var(--res-muted);font-size:10px;line-height:1.55;overflow-wrap:anywhere}.res-progress-wrap{margin-top:15px}.res-progress-label,.res-progress-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--res-muted);font-size:9px}.res-progress-label b{color:var(--res-text);font-size:10px}.res-progress{height:7px;margin:7px 0;border-radius:20px;background:color-mix(in srgb,var(--res-border) 70%,transparent);overflow:hidden}.res-progress>span{display:block;height:100%;border-radius:inherit;transition:width .25s ease;background:#10b981}.res-progress>span.warning,.res-mini-progress>span.warning{background:#f59e0b}.res-progress>span.critical,.res-mini-progress>span.critical{background:#ef4444}.res-progress>span.unknown{background:#64748b}.res-progress-foot{font-size:9px}
.res-system-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:0 0 15px}.res-panel{min-width:0;margin:0 0 15px;border:1px solid var(--res-border);border-radius:15px;background:var(--res-panel);overflow:hidden;box-shadow:0 6px 20px #00000008}.res-system-grid .res-panel{margin:0}.res-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid var(--res-border)}.res-panel-head h2{margin:6px 0 0;color:var(--res-text);font-size:15px;font-weight:850;letter-spacing:-.3px}.res-panel-head h2 i{margin-right:5px;color:#38bdf8}.res-panel-head p{margin:6px 0 0;color:var(--res-muted);font-size:10px;line-height:1.6}.res-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;padding:5px 8px;border:1px solid transparent;border-radius:99px;font-size:9px;font-weight:850;line-height:1.25;white-space:normal;text-align:center}.res-badge.healthy,.res-badge.running,.res-badge.normal{background:#10b98115;border-color:#10b98136;color:#10b981}.res-badge.warning,.res-badge.partial{background:#f59e0b15;border-color:#f59e0b35;color:#f59e0b}.res-badge.critical,.res-badge.failed{background:#ef444415;border-color:#ef444435;color:#ef4444}.res-badge.stopped,.res-badge.unknown{background:#64748b16;border-color:#64748b40;color:var(--res-muted)}.res-system-rows{padding:4px 18px 11px}.res-system-rows>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--res-border) 70%,transparent);font-size:10px}.res-system-rows>div:last-child{border-bottom:0}.res-system-rows>div>span{color:var(--res-muted)}.res-system-rows>div>span i{width:18px;margin-right:7px;text-align:center;color:#38bdf8}.res-system-rows>div>b{color:var(--res-text);text-align:right;overflow-wrap:anywhere}.res-inline-error{display:flex;gap:8px;padding:10px 18px 14px;color:#f87171;font-size:10px;line-height:1.6}.res-live-chip{display:inline-flex;align-items:center;gap:7px;color:#10b981;font-size:9px;font-weight:800;white-space:nowrap}.res-live-chip>span{width:6px;height:6px;box-shadow:none}.res-network-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px}.res-network-grid article{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:13px;border:1px solid var(--res-border);border-radius:12px;background:color-mix(in srgb,var(--res-panel) 85%,#64748b 15%)}.res-network-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px}.res-network-icon.download{background:#0ea5e91b;color:#38bdf8}.res-network-icon.upload{background:#8b5cf61b;color:#a78bfa}.res-network-grid article>div{min-width:0}.res-network-grid small,.res-network-grid strong,.res-network-grid article span:last-child{display:block}.res-network-grid small{color:var(--res-muted);font-size:9px}.res-network-grid strong{margin:5px 0;color:var(--res-text);font-size:18px;font-weight:850;overflow-wrap:anywhere}.res-network-grid article div>span{color:var(--res-muted);font-size:9px;line-height:1.5;overflow-wrap:anywhere}.res-network-note{margin:0;padding:0 17px 16px;color:var(--res-muted);font-size:9px;line-height:1.7}
.res-alert-panel .res-alert-list{display:grid;gap:0}.res-alert{display:flex;align-items:flex-start;gap:11px;padding:13px 17px;border-bottom:1px solid var(--res-border)}.res-alert:last-child{border-bottom:0}.res-alert-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#64748b18;color:#94a3b8}.res-alert.critical .res-alert-icon{background:#ef44441a;color:#ef4444}.res-alert.warning .res-alert-icon{background:#f59e0b1a;color:#f59e0b}.res-alert.info .res-alert-icon{background:#0ea5e91a;color:#38bdf8}.res-alert>div{min-width:0;flex:1}.res-alert>div>b{display:block;color:var(--res-text);font-size:11px}.res-alert p{margin:4px 0 0;color:var(--res-muted);font-size:10px;line-height:1.65;overflow-wrap:anywhere}.res-alert-level{flex:none;margin-left:auto;color:var(--res-muted);font-size:8px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.res-no-alerts{display:flex;align-items:center;gap:12px;padding:18px}.res-alert-check{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:#10b98118;color:#10b981}.res-no-alerts b,.res-no-alerts small{display:block}.res-no-alerts b{color:var(--res-text);font-size:11px}.res-no-alerts small{margin-top:4px;color:var(--res-muted);font-size:10px;line-height:1.65}
.res-table-panel .res-panel-head{align-items:flex-end}.res-table-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.res-table-tools input{width:210px;max-width:100%;padding:9px 11px;border:1px solid var(--res-border);border-radius:10px;background:transparent;color:var(--res-text);font-size:10px;outline:none}.res-table-tools input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.res-table-tools input::placeholder{color:var(--res-muted)}.res-record-count{padding:6px 8px;border:1px solid var(--res-border);border-radius:8px;color:var(--res-muted);font-size:9px;font-weight:800;white-space:nowrap}.res-table-wrap{width:100%;overflow-x:auto}.res-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.res-table th{padding:12px 14px;background:color-mix(in srgb,var(--res-panel) 84%,#64748b 16%);border-bottom:1px solid var(--res-border);color:var(--res-muted);font-size:9px;letter-spacing:.7px;text-transform:uppercase}.res-table td{padding:13px 14px;border-bottom:1px solid color-mix(in srgb,var(--res-border) 75%,transparent);color:var(--res-muted);vertical-align:top;font-size:10px}.res-table tbody tr:hover{background:color-mix(in srgb,var(--res-panel) 88%,#64748b 12%)}.res-table tbody tr[hidden]{display:none}.res-bot-name{display:flex;align-items:center;gap:9px;min-width:155px}.res-bot-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#0ea5e918;color:#38bdf8}.res-bot-name b,.res-owner b{display:block;max-width:240px;color:var(--res-text);font-size:10px;overflow:hidden;text-overflow:ellipsis}.res-bot-name small,.res-owner small,.res-table td small{display:block;margin-top:4px;color:var(--res-muted);font-size:9px;line-height:1.45}.res-owner{min-width:130px}.res-table td> b{color:var(--res-text);font-size:10px}.res-table-muted{color:var(--res-muted);font-size:9px;font-weight:500}.res-mini-progress{height:4px;min-width:70px;margin-top:7px;border-radius:99px;background:color-mix(in srgb,var(--res-border) 80%,transparent);overflow:hidden}.res-mini-progress span{display:block;height:100%;border-radius:inherit;background:#10b981}.res-mini-progress span.unknown{background:#64748b}.res-value-warning{color:#f59e0b!important}.res-value-critical{color:#ef4444!important}.res-detail-disclosure{margin:8px 0 0;padding-top:7px;border-top:1px dashed var(--res-border);white-space:normal}.res-detail-disclosure summary{cursor:pointer;color:#38bdf8;font-size:9px;font-weight:800;list-style:none}.res-detail-disclosure summary::-webkit-details-marker{display:none}.res-detail-disclosure summary i{margin-left:4px;font-size:8px;transition:transform .2s}.res-detail-disclosure[open] summary i{transform:rotate(180deg)}.res-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:300px;margin-top:9px;padding:10px;border:1px solid var(--res-border);border-radius:10px;background:color-mix(in srgb,var(--res-panel) 84%,#64748b 16%)}.res-detail-grid>div{min-width:0}.res-detail-grid small,.res-detail-grid b{display:block}.res-detail-grid small{margin-bottom:4px;color:var(--res-muted);font-size:8px}.res-detail-grid b{color:var(--res-text);font-size:9px;font-weight:700;overflow-wrap:anywhere}.res-mono{font-family:'JetBrains Mono',monospace}.res-empty{min-height:130px}.res-empty i{font-size:22px;color:var(--res-muted)}.res-empty b{color:var(--res-text);font-size:11px}.res-empty small{color:var(--res-muted);font-size:10px}
html[data-theme="light"] .res-dashboard{--res-panel:#fff;--res-border:#e2e8f0;--res-text:#172033;--res-muted:#64748b}html[data-theme="dark"] .res-dashboard{--res-panel:#101827;--res-border:#263449;--res-text:#e2e8f0;--res-muted:#9aa9c0}html[data-theme="light"] .res-update-line{background:#f8fafc}html[data-theme="dark"] .res-update-line{background:#111c2d}html[data-theme="light"] .res-table th{background:#f8fafc}html[data-theme="dark"] .res-table th{background:#0d1524}html[data-theme="light"] .res-table tbody tr:hover{background:#f8fafc}html[data-theme="dark"] .res-table tbody tr:hover{background:#141f30}
@media(max-width:1100px){.res-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.res-page-head{align-items:flex-start;flex-direction:column}.res-head-actions{justify-content:flex-start}.res-system-grid{grid-template-columns:1fr}.res-table-panel .res-panel-head{align-items:flex-start;flex-direction:column}.res-table-tools{justify-content:flex-start;width:100%}.res-table-tools input{flex:1;width:auto}}
@media(max-width:800px){.res-page-head{gap:14px;margin-bottom:15px}.res-page-head h1{font-size:25px}.res-page-head p{font-size:11px}.res-head-actions{width:100%;justify-content:space-between}.res-stat-grid{gap:9px}.res-stat-card{padding:13px;border-radius:13px}.res-stat-value{font-size:21px}.res-stat-note{font-size:9px}.res-panel-head{padding:14px}.res-network-grid{padding:12px}.res-network-grid article{padding:10px;gap:8px}.res-network-grid strong{font-size:15px}.res-alert{padding:12px}.res-table-tools input{min-width:100%}.res-table-tools{gap:7px}.res-scope-note{font-size:10px}.res-refresh-btn{min-width:0}.res-update-line{font-size:9px}}
@media(max-width:420px){.res-stat-grid{grid-template-columns:1fr 1fr}.res-stat-card{padding:11px}.res-stat-icon{width:29px;height:29px}.res-stat-value{font-size:18px}.res-progress-label,.res-progress-foot{font-size:8px}.res-network-grid{grid-template-columns:1fr}.res-system-rows{padding:2px 13px 8px}.res-system-rows>div{font-size:9px}.res-panel-head{gap:9px}.res-panel-head h2{font-size:14px}.res-detail-grid{min-width:260px;grid-template-columns:1fr 1fr}.res-update-line span:last-child{width:100%}}

/* Telegram alert configuration */
.res-telegram-panel{margin:0 0 18px;overflow:hidden}.res-telegram-head{align-items:flex-start}.res-telegram-head h2 i{color:#38bdf8}.res-telegram-head> .res-badge{flex:none;margin:2px 17px 0 0}.res-telegram-body{padding:0 17px 17px}.res-telegram-form{margin:0}.res-telegram-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:13px}.res-telegram-field{display:flex;flex-direction:column;gap:7px;min-width:0}.res-telegram-field label{color:var(--res-text);font-size:10px;font-weight:850}.res-telegram-field input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--res-border);border-radius:10px;background:color-mix(in srgb,var(--res-panel) 85%,#64748b 15%);color:var(--res-text);font-size:11px;font-weight:500;line-height:1.4;font-family:inherit;outline:none}.res-telegram-field input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.res-telegram-field input::placeholder{color:var(--res-muted);opacity:.8}.res-telegram-field small{color:var(--res-muted);font-size:9px;line-height:1.55}.res-telegram-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:17px;padding:13px;border:1px solid var(--res-border);border-radius:12px;background:color-mix(in srgb,var(--res-panel) 86%,#64748b 14%)}.res-telegram-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.res-telegram-toggle>input{position:absolute;width:1px;height:1px;opacity:0}.res-toggle-ui{position:relative;display:block;flex:none;width:37px;height:21px;border:1px solid var(--res-border);border-radius:99px;background:#64748b45;transition:background .18s,border-color .18s}.res-toggle-ui:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.res-telegram-toggle>input:checked+.res-toggle-ui{background:#0ea5e9;border-color:#0ea5e9}.res-telegram-toggle>input:checked+.res-toggle-ui:after{transform:translateX(16px)}.res-telegram-toggle>input:focus-visible+.res-toggle-ui{outline:2px solid #38bdf8;outline-offset:3px}.res-telegram-toggle b,.res-telegram-toggle small{display:block}.res-telegram-toggle b{color:var(--res-text);font-size:10px}.res-telegram-toggle small{margin-top:3px;color:var(--res-muted);font-size:9px;line-height:1.5}.res-clear-token{display:flex;align-items:center;gap:6px;color:var(--res-muted);font-size:9px;cursor:pointer}.res-clear-token input{accent-color:#ef4444}.res-telegram-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:13px}.res-telegram-actions .btn,.res-telegram-test-row .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border-radius:10px;font-size:10px;font-weight:850}.res-telegram-threshold-note{display:inline-flex;align-items:center;gap:6px;color:var(--res-muted);font-size:9px;line-height:1.5}.res-telegram-threshold-note i{color:#f59e0b}.res-telegram-test-row{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--res-border)}.res-telegram-test-row b,.res-telegram-test-row small{display:block}.res-telegram-test-row b{color:var(--res-text);font-size:10px}.res-telegram-test-row small{margin-top:4px;color:var(--res-muted);font-size:9px;line-height:1.6}.res-telegram-test-row form{margin:0}.res-telegram-security{display:flex;align-items:flex-start;gap:7px;margin:13px 0 0;color:var(--res-muted);font-size:9px;line-height:1.65}.res-telegram-security i{flex:none;margin-top:2px;color:#10b981}.res-telegram-security code{font-size:9px;overflow-wrap:anywhere}html[data-theme="light"] .res-telegram-field input{background:#fff}html[data-theme="dark"] .res-telegram-field input{background:#0d1524}
@media(max-width:700px){.res-telegram-fields{grid-template-columns:1fr}.res-telegram-form-foot{align-items:flex-start;flex-direction:column}.res-telegram-test-row{align-items:flex-start;flex-direction:column}.res-telegram-test-row form,.res-telegram-test-row .btn{width:100%}.res-telegram-actions{align-items:flex-start;flex-direction:column}.res-telegram-head>.res-badge{margin-right:13px}}

/* Professional Resource Monitoring UI — layout and readability refinement */
.res-dashboard{max-width:1680px;margin:0 auto;padding-bottom:28px;--res-radius:18px;--res-shadow:0 14px 38px rgba(0,0,0,.10);color:var(--res-text)}
.res-page-head{position:relative;isolation:isolate;align-items:center;gap:26px;padding:25px 27px;margin:0 0 14px;border:1px solid var(--res-border);border-radius:22px;background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.11),transparent 38%),radial-gradient(ellipse at 70% 100%,rgba(129,140,248,.08),transparent 42%),var(--res-panel);box-shadow:var(--res-shadow)}
.res-page-head:after{position:absolute;z-index:-1;inset:0 auto 0 0;width:4px;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#38bdf8,#818cf8,#34d399);content:""}
.res-eyebrow,.res-panel-eyebrow{font-size:10px;letter-spacing:1.45px;font-weight:850;line-height:1.5}
.res-eyebrow{display:inline-flex;padding:6px 9px;border:1px solid rgba(56,189,248,.22);border-radius:8px;background:rgba(56,189,248,.08);color:#38bdf8}
.res-page-head h1{margin:13px 0 8px;font-size:clamp(27px,2.25vw,36px);letter-spacing:-1.3px;line-height:1.12}
.res-page-head p{max-width:780px;font-size:13px;line-height:1.75}
.res-head-actions{flex:0 0 auto;gap:10px}
.res-live-indicator{padding:10px 12px;border:1px solid var(--res-border);border-radius:11px;background:rgba(100,116,139,.07);font-size:11px;font-weight:800}
.res-live-indicator.ok{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.28)}
.res-live-indicator.warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.30)}
.res-live-dot{width:8px;height:8px}
.res-refresh-btn{min-height:42px;padding:11px 15px;border-radius:11px;font-size:11px;font-weight:800;box-shadow:0 5px 14px rgba(14,165,233,.12)}
.res-update-line{align-items:center;gap:12px;padding:11px 14px;margin-bottom:18px;border-radius:12px;background:color-mix(in srgb,var(--res-panel) 93%,#64748b 7%);font-size:11px}
.res-update-line>span{display:inline-flex;align-items:center;gap:6px;min-height:22px}
.res-update-line>span+span{padding-left:13px;border-left:1px solid var(--res-border)}
.res-update-line i{font-size:11px}
.res-threshold-legend{display:inline-flex;align-items:center;gap:7px;margin-left:auto!important;color:var(--res-muted)}
.res-threshold-dot{display:inline-block;width:8px;height:8px;border-radius:50%}
.res-threshold-dot.warning{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.res-threshold-dot.critical{margin-left:7px;background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.res-fetch-error,.res-scope-note{padding:13px 15px;margin-bottom:16px;border-radius:13px;font-size:12px}
.res-loading,.res-empty{min-height:190px;padding:32px;font-size:13px}
.res-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}
.res-stat-card{min-height:174px;padding:20px;border-radius:18px;box-shadow:0 8px 26px rgba(0,0,0,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.res-stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--res-border) 65%,#38bdf8 35%);box-shadow:0 14px 32px rgba(0,0,0,.10)}
.res-stat-card:after{height:3px;opacity:.85}
.res-stat-label{font-size:12px;font-weight:750;letter-spacing:.05px}
.res-stat-icon{width:40px;height:40px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:13px;font-size:16px}
.res-stat-value{margin:14px 0 4px;font-size:clamp(25px,2vw,32px);line-height:1.2;letter-spacing:-.9px;font-variant-numeric:tabular-nums}
.res-stat-note{min-height:32px;font-size:11px;line-height:1.65}
.res-progress-wrap{margin-top:17px}
.res-progress-label,.res-progress-foot{font-size:10px}
.res-progress-label b{font-size:11px;font-variant-numeric:tabular-nums}
.res-progress{height:8px;margin:8px 0;border:1px solid color-mix(in srgb,var(--res-border) 60%,transparent);background:color-mix(in srgb,var(--res-border) 62%,transparent)}
.res-progress>span{box-shadow:0 0 10px rgba(16,185,129,.12)}
.res-system-grid{gap:16px;margin-bottom:18px}
.res-panel{margin-bottom:18px;border-radius:18px;box-shadow:0 9px 28px rgba(0,0,0,.06)}
.res-system-grid .res-panel{margin-bottom:0}
.res-panel-head{align-items:center;gap:18px;padding:20px 21px}
.res-panel-eyebrow{font-size:9px;letter-spacing:1.25px}
.res-panel-head h2{margin-top:7px;font-size:17px;letter-spacing:-.35px}
.res-panel-head h2 i{margin-right:8px}
.res-panel-head p{max-width:820px;margin-top:7px;font-size:11px;line-height:1.7}
.res-badge{padding:6px 10px;border-radius:8px;font-size:10px;letter-spacing:.05px}
.res-system-rows{padding:4px 21px 13px}
.res-system-rows>div{gap:15px;padding:13px 0;font-size:12px}
.res-system-rows>div>span i{width:19px;margin-right:8px}
.res-system-rows>div>b{font-size:12px}
.res-inline-error{padding:12px 21px 17px;font-size:11px}
.res-network-grid{gap:12px;padding:20px}
.res-network-grid article{align-items:center;gap:13px;padding:16px;border-radius:14px;transition:border-color .18s ease,transform .18s ease}
.res-network-grid article:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--res-border) 55%,#38bdf8 45%)}
.res-network-icon{width:39px;height:39px;border-radius:12px;font-size:15px}
.res-network-grid small{font-size:10px;font-weight:650}
.res-network-grid strong{margin:6px 0;font-size:clamp(18px,1.6vw,23px);letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.res-network-grid article div>span{font-size:10px;line-height:1.6}
.res-network-note{padding:0 20px 19px;font-size:10px;line-height:1.75}
.res-live-chip{padding:7px 9px;border:1px solid rgba(16,185,129,.22);border-radius:8px;background:rgba(16,185,129,.07);font-size:10px}
.res-alert{align-items:center;gap:13px;padding:15px 20px}
.res-alert-icon{width:38px;height:38px;border-radius:12px;font-size:15px}
.res-alert>div>b{font-size:12px}
.res-alert p{font-size:11px;line-height:1.65}
.res-alert-level{padding:5px 8px;border:1px solid var(--res-border);border-radius:7px;font-size:9px;letter-spacing:.8px}
.res-alert.critical .res-alert-level{color:#ef4444;border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.07)}
.res-alert.warning .res-alert-level{color:#d97706;border-color:rgba(245,158,11,.30);background:rgba(245,158,11,.08)}
.res-no-alerts{gap:14px;padding:22px 21px}
.res-alert-check{width:40px;height:40px;border-radius:13px;font-size:15px}
.res-no-alerts b{font-size:12px}
.res-no-alerts small{font-size:11px;line-height:1.7}
.res-table-panel .res-panel-head{align-items:center}
.res-table-tools{gap:9px}
.res-table-tools input{width:235px;padding:11px 13px;border-radius:10px;font-size:11px}
.res-record-count{padding:7px 10px;border-radius:8px;font-size:10px}
.res-table-wrap{scrollbar-width:thin;scrollbar-color:#64748b55 transparent}
.res-table{white-space:nowrap}
.res-table th{padding:14px 16px;font-size:10px;letter-spacing:.8px}
.res-table td{padding:15px 16px;font-size:11px;line-height:1.5}
.res-table tbody tr{transition:background .15s ease}
.res-bot-name{gap:11px;min-width:190px}
.res-bot-icon{width:38px;height:38px;border-radius:12px;font-size:16px}
.res-bot-name b,.res-owner b,.res-table td>b{font-size:11px}
.res-bot-name small,.res-owner small,.res-table td small{font-size:10px;line-height:1.55}
.res-owner{min-width:150px}
.res-table-muted{font-size:10px}
.res-mini-progress{height:5px;min-width:82px;margin-top:8px}
.res-detail-disclosure{margin-top:10px;padding-top:9px}
.res-detail-disclosure summary{display:inline-flex;align-items:center;gap:4px;font-size:10px}
.res-detail-grid{gap:10px;min-width:330px;margin-top:11px;padding:13px;border-radius:12px}
.res-detail-grid small{margin-bottom:5px;font-size:9px}
.res-detail-grid b{font-size:10px;line-height:1.5}
.res-mono{font-size:10px}
.res-empty{min-height:165px;gap:12px}
.res-empty i{font-size:27px}
.res-empty b{font-size:13px}
.res-empty small{font-size:11px;line-height:1.65}
/* Keep the alert configuration available without letting it dominate the metrics view. */
.res-telegram-panel{margin-top:22px;border-radius:18px}
.res-telegram-head{align-items:flex-start;background:linear-gradient(100deg,rgba(14,165,233,.065),transparent 58%)}
.res-telegram-head h2{font-size:17px}
.res-telegram-head h2 i{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:8px;border:1px solid rgba(56,189,248,.2);border-radius:10px;background:rgba(56,189,248,.09)}
.res-telegram-body{padding:0 21px 21px}
.res-telegram-fields{gap:16px}
.res-telegram-field{gap:8px}
.res-telegram-field label{font-size:11px}
.res-telegram-field input{min-height:44px;padding:12px 13px;border-radius:11px;font-size:12px}
.res-telegram-field small{font-size:10px;line-height:1.6}
.res-telegram-form-foot{margin-top:18px;padding:15px 16px;border-radius:12px}
.res-telegram-toggle{gap:12px}
.res-telegram-toggle b{font-size:11px}
.res-telegram-toggle small{font-size:10px}
.res-toggle-ui{width:41px;height:23px}
.res-toggle-ui:after{width:15px;height:15px}
.res-telegram-toggle>input:checked+.res-toggle-ui:after{transform:translateX(18px)}
.res-clear-token{font-size:10px}
.res-telegram-actions{gap:14px;margin-top:16px}
.res-telegram-actions .btn,.res-telegram-test-row .btn{min-height:42px;padding:11px 15px;border-radius:10px;font-size:11px}
.res-telegram-threshold-note{font-size:10px}
.res-telegram-test-row{margin-top:18px;padding-top:18px}
.res-telegram-test-row b{font-size:11px}
.res-telegram-test-row small{font-size:10px}
.res-telegram-security{margin-top:15px;font-size:10px}
.res-telegram-security code{font-size:10px}
html[data-theme="light"] .res-dashboard{--res-panel:#fff;--res-border:#dbe4ef;--res-text:#162236;--res-muted:#627188;--res-shadow:0 14px 36px rgba(15,23,42,.055)}
html[data-theme="dark"] .res-dashboard{--res-panel:#101a2b;--res-border:#26364d;--res-text:#e8eef9;--res-muted:#9baac1;--res-shadow:0 14px 38px rgba(0,0,0,.13)}
html[data-theme="light"] .res-page-head{background:radial-gradient(ellipse at 92% 0,rgba(14,165,233,.08),transparent 38%),radial-gradient(ellipse at 70% 100%,rgba(99,102,241,.045),transparent 42%),#fff}
html[data-theme="dark"] .res-page-head{background:radial-gradient(ellipse at 92% 0,rgba(56,189,248,.11),transparent 38%),radial-gradient(ellipse at 70% 100%,rgba(129,140,248,.09),transparent 42%),#101a2b}
html[data-theme="light"] .res-stat-card{background:linear-gradient(155deg,#fff,#fbfdff)}
html[data-theme="dark"] .res-stat-card{background:linear-gradient(155deg,#142035,#101827 78%)}
html[data-theme="light"] .res-stat-card:after{opacity:.95}
html[data-theme="light"] .res-network-grid article{background:#f8fafc}
html[data-theme="dark"] .res-network-grid article{background:#111d2f}
html[data-theme="light"] .res-telegram-head{background:linear-gradient(100deg,rgba(14,165,233,.05),#fff 58%)}
html[data-theme="dark"] .res-telegram-head{background:linear-gradient(100deg,rgba(14,165,233,.08),#101a2b 58%)}
@media(max-width:1250px){.res-page-head{padding:22px}.res-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.res-stat-card{padding:17px}.res-stat-value{font-size:26px}.res-table-panel .res-panel-head{align-items:flex-start}}
@media(max-width:1000px){.res-page-head{align-items:flex-start;flex-direction:column}.res-head-actions{width:100%;justify-content:space-between}.res-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.res-system-grid{grid-template-columns:1fr}.res-table-panel .res-panel-head{align-items:flex-start;flex-direction:column}.res-table-tools{justify-content:flex-start;width:100%}.res-table-tools input{flex:1;width:auto}.res-table-tools input{min-width:180px}}
@media(max-width:720px){.res-dashboard{padding-bottom:18px}.res-page-head{padding:20px 18px;border-radius:17px}.res-page-head:after{border-radius:17px 0 0 17px}.res-page-head h1{font-size:26px;letter-spacing:-.8px}.res-page-head p{font-size:12px}.res-head-actions{align-items:stretch;gap:8px}.res-live-indicator{flex:1;justify-content:center;padding:10px 8px;font-size:10px}.res-refresh-btn{padding:10px 11px;font-size:10px}.res-update-line{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;font-size:10px}.res-update-line>span+span{padding-left:0;border-left:0}.res-threshold-legend{grid-column:1/-1;margin-left:0!important;padding-top:9px;border-top:1px solid var(--res-border)}.res-stat-grid{gap:10px}.res-stat-card{min-height:158px;padding:14px;border-radius:15px}.res-stat-label{font-size:10px}.res-stat-icon{width:33px;height:33px;border-radius:10px;font-size:13px}.res-stat-value{margin-top:12px;font-size:23px}.res-stat-note{font-size:10px}.res-progress-label,.res-progress-foot{font-size:9px}.res-panel{border-radius:15px}.res-panel-head{align-items:flex-start;padding:16px}.res-panel-head h2{font-size:16px}.res-panel-head p{font-size:10px}.res-system-rows{padding:3px 16px 11px}.res-system-rows>div{padding:12px 0;font-size:11px}.res-system-rows>div>b{font-size:11px}.res-network-grid{grid-template-columns:1fr 1fr;padding:14px}.res-network-grid article{padding:12px;align-items:flex-start}.res-network-icon{width:33px;height:33px}.res-network-grid strong{font-size:17px}.res-network-note{padding:0 15px 15px}.res-alert{padding:13px 15px;gap:10px}.res-alert-icon{width:33px;height:33px}.res-alert>div>b{font-size:11px}.res-alert p{font-size:10px}.res-alert-level{font-size:8px}.res-telegram-body{padding:0 15px 16px}.res-telegram-head>.res-badge{margin:0}.res-telegram-form-foot{padding:13px}.res-table-tools{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.res-table-tools input{grid-column:1/-1;min-width:0;width:100%}.res-table-tools .res-record-count{justify-self:start}.res-table th{padding:12px 13px;font-size:9px}.res-table td{padding:13px;font-size:10px}.res-bot-icon{width:34px;height:34px}.res-bot-name b,.res-owner b,.res-table td>b{font-size:10px}.res-bot-name small,.res-owner small,.res-table td small{font-size:9px}}
@media(max-width:440px){.res-page-head{padding:18px 15px}.res-page-head h1{font-size:23px}.res-heading-copy{width:100%}.res-head-actions{flex-direction:column}.res-live-indicator{width:100%;box-sizing:border-box;justify-content:flex-start}.res-refresh-btn{width:100%}.res-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.res-stat-card{min-height:150px;padding:12px}.res-stat-top{align-items:flex-start}.res-stat-label{max-width:calc(100% - 36px);font-size:10px;line-height:1.4}.res-stat-icon{width:29px;height:29px;font-size:12px}.res-stat-value{font-size:20px;letter-spacing:-.5px}.res-stat-note{min-height:36px;font-size:9px}.res-progress-wrap{margin-top:12px}.res-progress-label,.res-progress-foot{font-size:8px}.res-update-line{font-size:9px}.res-network-grid{grid-template-columns:1fr}.res-network-grid article{align-items:center}.res-network-grid strong{font-size:18px}.res-panel-head{gap:10px}.res-panel-head h2{font-size:14px}.res-alert{align-items:flex-start}.res-alert-level{margin-top:2px}.res-detail-grid{min-width:260px;grid-template-columns:1fr 1fr}.res-telegram-actions .btn,.res-telegram-test-row .btn{width:100%}.res-telegram-threshold-note{align-items:flex-start}.res-update-line>span{min-width:0}}
@media(prefers-reduced-motion:reduce){.res-dashboard *{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.res-settings-jump{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 13px;border:1px solid var(--res-border);border-radius:11px;background:color-mix(in srgb,var(--res-panel) 78%,#0ea5e9 22%);color:var(--res-text);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.res-settings-jump i{color:#38bdf8}.res-settings-jump:hover{transform:translateY(-1px);border-color:#38bdf8;color:var(--res-text)}
@media(max-width:720px){.res-settings-jump,.res-refresh-btn{flex:1}.res-settings-jump{min-height:40px;padding:9px;font-size:10px}}
@media(max-width:440px){.res-settings-jump,.res-refresh-btn{width:100%;flex:auto}}