/*! © 2026 Noxx Labs. All rights reserved. Noxx™ and Noxx Labs™ are trademarks of Noxx Labs. Proprietary: no licence is granted to copy, modify, host or redistribute any part of this code. noxxreplays.co.uk · build 6.1.0-f984a20 · 3d818a9198 */

body { padding-top: var(--nx-notice-h, 0px); }
#nxNotices { position: fixed; left: 0; right: 0; z-index: 99; display: flex; flex-direction: column; }
.nxn { display: flex; align-items: center; gap: 0.6rem; padding: 0.55rem 1rem; font-size: 0.86rem; color: var(--text); background: var(--bg2); border-bottom: 1px solid var(--border); border-left: 4px solid var(--c, #38bdf8); }
#nxNotices .nxn { justify-content: center; }
.nxn-issue { --c: #ef4444; background: color-mix(in srgb, #ef4444 14%, var(--bg)); }
.nxn-maintenance { --c: #f59e0b; background: color-mix(in srgb, #f59e0b 13%, var(--bg)); }
.nxn-info { --c: #38bdf8; background: color-mix(in srgb, #38bdf8 11%, var(--bg)); }
.nxn-welcome { --c: #e1ff3c; background: color-mix(in srgb, #e1ff3c 9%, var(--bg)); }
.nxn-success { --c: #10b981; background: color-mix(in srgb, #10b981 12%, var(--bg)); }
.nxn-t { line-height: 1.4; }
.nxn-t a { color: var(--c); font-weight: 600; }
.nxn-t small { display: block; color: var(--text3); font-size: 0.72rem; }
.nxn-x { background: none; border: 0; color: var(--text3); cursor: pointer; font-size: 0.9rem; margin-left: 0.4rem; }
.nx-closed > :not(.nx-closed-card) { display: none !important; }
.nx-closed-card { max-width: 520px; margin: 7rem auto 4rem; text-align: center; background: var(--bg2); border: 1px solid var(--border); border-radius: 16px; padding: 2rem 1.5rem; }
.nx-closed-card h2 { margin: 0.4rem 0; font-size: 1.3rem; }
.nx-closed-card p { color: var(--text2); line-height: 1.5; }
.ncc-i, .nxs-i { font-size: 2.2rem; }
.ncc-admin { font-size: 0.8rem; }
.ncc-admin button { background: none; border: 1px solid var(--border2); color: var(--text); border-radius: 8px; padding: 0.2rem 0.6rem; cursor: pointer; }
#nxSuspended { position: fixed; inset: 0; z-index: 1000; background: rgba(5, 6, 10, 0.92); display: flex; align-items: center; justify-content: center; padding: 1rem; }
#nxSuspended.nxs-min { inset: auto 1rem 1rem auto; background: none; padding: 0; }
#nxSuspended.nxs-min .nxs-card { max-width: 340px; padding: 0.9rem; font-size: 0.8rem; }
#nxSuspended.nxs-min .nxs-sub, #nxSuspended.nxs-min .nxs-i { display: none; }
.nxs-card { max-width: 480px; background: var(--bg2); border: 1px solid #ef444466; border-radius: 16px; padding: 1.8rem 1.5rem; text-align: center; }
.nxs-card h2 { margin: 0.3rem 0 0.8rem; }
.nxs-card p { color: var(--text2); line-height: 1.5; margin: 0.35rem 0; }
.nxs-sub { font-size: 0.85rem; }
.nxs-btns { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; }
.nxa-intro { color: var(--text2); font-size: 0.85rem; line-height: 1.5; margin: 0 0 1rem; }
.nxa-bar { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.8rem; }
.nxa-bar input { flex: 1; min-width: 200px; }
.nxa-bar input, .nxa-bar select, .nxa-form input, .nxa-form textarea, .nxa-form select, .nxa-sus input, .nxa-sus select, .nxa-noteadd input, .nxa-pg input, .nxa-grid select { background: var(--bg2); border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 0.45rem 0.6rem; font: inherit; font-size: 0.84rem; }
.nxa-count { font-size: 0.74rem; color: var(--text3); margin-bottom: 0.4rem; }
.nxa-row { display: flex; align-items: center; gap: 0.7rem; width: 100%; text-align: left; background: var(--surface, var(--bg2)); border: 1px solid var(--border); border-radius: 10px; padding: 0.55rem 0.7rem; margin-bottom: 0.35rem; color: var(--text); font: inherit; cursor: pointer; }
.nxa-row:hover { border-color: var(--border2); }
.nxa-row img, .nxa-dh img { width: 30px; height: 30px; border-radius: 50%; flex: none; background: var(--bg3); }
.nxa-n { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.nxa-n small { flex-basis: 100%; color: var(--text3); font-size: 0.72rem; }
.nxa-s { display: flex; flex-direction: column; align-items: flex-end; font-size: 0.8rem; min-width: 70px; }
.nxa-s small { color: var(--text3); font-size: 0.66rem; }
.nxa-b { font-size: 0.6rem; font-weight: 800; letter-spacing: 0.06em; border-radius: 4px; padding: 0.05rem 0.35rem; }
.nxa-b.own { background: #e1ff3c; color: #0a0f14; } .nxa-b.adm { background: #8b5cf6; color: #fff; } .nxa-b.sus { background: #ef4444; color: #fff; } .nxa-b.plan { background: var(--bg3); color: var(--text2); text-transform: uppercase; }
.nxa-detail { background: var(--bg2); border: 1px solid var(--border2); border-radius: 14px; padding: 1rem 1.1rem; margin-top: 1rem; }
.nxa-dh { display: flex; gap: 0.7rem; align-items: center; }
.nxa-dh img { width: 44px; height: 44px; }
.nxa-dh h3 { margin: 0; font-size: 1.05rem; display: flex; gap: 0.4rem; align-items: center; flex-wrap: wrap; }
.nxa-dh small { color: var(--text3); font-size: 0.74rem; }
.nxa-close { margin-left: auto; background: none; border: 0; color: var(--text3); font-size: 1rem; cursor: pointer; }
.nxa-alert { background: #ef44441f; border: 1px solid #ef444455; border-radius: 8px; padding: 0.5rem 0.7rem; margin: 0.7rem 0 0; font-size: 0.84rem; }
.nxa-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.5rem; margin: 0.9rem 0; }
.nxa-grid > div { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem 0.6rem; display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.nxa-grid small { color: var(--text3); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.05em; }
.nxa-grid b { font-size: 0.9rem; overflow-wrap: anywhere; }
.nxa-detail h4, .nxa-form h4, #admin-panel-admins h4, #admin-panel-notices h4 { font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text3); margin: 1rem 0 0.45rem; }
.nxa-alts { display: flex; flex-direction: column; gap: 0.3rem; }
.nxa-alt { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; font-size: 0.84rem; }
.nxa-alt small { flex-basis: 100%; padding-left: 4.2rem; color: var(--text3); font-size: 0.72rem; }
.nxa-sc { display: inline-flex; align-items: center; justify-content: center; min-width: 2.2rem; border-radius: 6px; font-weight: 800; font-size: 0.78rem; padding: 0.1rem 0.3rem; }
.nxa-sc.l3 { background: #ef4444; color: #fff; } .nxa-sc.l2 { background: #f59e0b; color: #111; } .nxa-sc.l1 { background: var(--bg3); color: var(--text2); }
.nxa-sus { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; background: #ef44440f; border: 1px solid #ef444433; border-radius: 10px; padding: 0.3rem 0.7rem 0.7rem; margin-top: 0.8rem; }
.nxa-sus h4 { flex-basis: 100%; }
.nxa-sus input { flex: 1; min-width: 220px; }
.nxa-btn { background: var(--bg3); border: 1px solid var(--border2); color: var(--text); border-radius: 8px; padding: 0.42rem 0.8rem; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; }
.nxa-btn.bad { background: #ef4444; border-color: #ef4444; color: #fff; }
.nxa-btn.ok { background: #10b981; border-color: #10b981; color: #fff; }
.nxa-chk { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: var(--text2); }
.nxa-rec { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.8rem; }
.nxa-rec a { color: var(--text2); }
.nxa-notes p, .nxa-hist { font-size: 0.82rem; margin: 0.25rem 0; }
.nxa-notes small { color: var(--text3); margin-right: 0.4rem; }
.nxa-noteadd { display: flex; gap: 0.4rem; margin-top: 0.4rem; }
.nxa-noteadd input { flex: 1; }
.nxa-empty { color: var(--text3); font-size: 0.82rem; }
.nxa-cl { background: var(--bg2); border: 1px solid var(--border); border-radius: 12px; padding: 0.6rem; margin-bottom: 0.6rem; }
.nxa-clh { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.45rem; font-size: 0.86rem; }
.nxa-clh small { color: var(--text3); font-size: 0.74rem; }
.nxa-form { background: var(--bg2); border: 1px solid var(--border); border-radius: 12px; padding: 0.3rem 0.9rem 0.9rem; display: flex; flex-direction: column; gap: 0.45rem; margin-bottom: 1rem; }
.nxa-f2 { display: flex; gap: 0.45rem; flex-wrap: wrap; }
.nxa-f2 > * { flex: 1; min-width: 180px; }
.nxa-quick { display: flex; gap: 0.35rem; align-items: center; flex-wrap: wrap; font-size: 0.78rem; color: var(--text3); }
.nxa-quick button { background: none; border: 1px solid var(--border2); color: var(--text2); border-radius: 999px; padding: 0.15rem 0.6rem; font: inherit; font-size: 0.74rem; cursor: pointer; }
.nxa-nprev { border-radius: 10px; margin-bottom: 0.4rem; border: 1px solid var(--border); border-left-width: 4px; }
.nxa-nprev .nxn-t { flex: 1; }
.nxa-nprev.old { opacity: 0.5; }
.nxa-pg { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; padding: 0.55rem 0.75rem; margin-bottom: 0.35rem; }
.nxa-pg > div { flex: 1; min-width: 180px; display: flex; flex-direction: column; }
.nxa-pg small { color: var(--text3); font-size: 0.74rem; }
.nxa-pg.closed { border-color: #f59e0b88; background: #f59e0b10; }
.nxa-pg input { width: 240px; max-width: 100%; }
.nxa-adm { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; padding: 0.55rem 0.75rem; margin-bottom: 0.35rem; }
.nxa-adm small { flex: 1; color: var(--text3); font-size: 0.74rem; min-width: 200px; }
.nxa-perms { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0.3rem 0.8rem; }
@media (max-width: 640px) { .nxa-s { display: none; } }
.nxs-out { display: inline-flex; align-items: center; padding: 0.6rem 1.1rem; border: 1px solid var(--border2); border-radius: 10px; color: var(--text2); text-decoration: none; }
#page-admin > div { max-width: 1320px !important; }
.nxa-top { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.nxa-top > div { display: flex; align-items: baseline; gap: 0.7rem; flex-wrap: wrap; }
.nxa-top h1 { font-size: 1.6rem; margin: 0; letter-spacing: -0.02em; }
.nxa-role { font-size: 0.72rem; color: var(--text2); background: var(--bg2); border: 1px solid var(--border); border-radius: 999px; padding: 0.2rem 0.65rem; }
.nxa-role.own { color: #0a0f14; background: var(--accent, #e1ff3c); border-color: transparent; font-weight: 700; }
.nxa-qs { flex: 1; min-width: 220px; max-width: 520px; margin-left: auto; background: var(--bg2); border: 1px solid var(--border); color: var(--text); border-radius: 10px; padding: 0.55rem 0.8rem; font: inherit; font-size: 0.86rem; }
.nxa-qs:focus { outline: none; border-color: var(--accent, #e1ff3c); }
.nxa-toplink { font-size: 0.8rem; color: var(--text2); text-decoration: none; }
.nxa-shell { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 1.4rem; align-items: start; }
.nxa-side { position: sticky; top: calc(76px + var(--nx-notice-h, 0px)); display: flex; flex-direction: column; gap: 2px; background: var(--bg2); border: 1px solid var(--border); border-radius: 14px; padding: 0.6rem; max-height: calc(100vh - 100px); overflow-y: auto; }
.nxa-gh { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.09em; color: var(--text3); padding: 0.75rem 0.55rem 0.25rem; }
.nxa-nav { display: flex !important; align-items: center; gap: 0.55rem; width: 100%; background: none; border: 0; color: var(--text2); font: inherit; font-size: 0.85rem; text-align: left; padding: 0.45rem 0.55rem; border-radius: 8px; cursor: pointer; text-decoration: none; }
.nxa-nav[style*="display: none"] { display: none !important; }
.nxa-nav > span { width: 1.2rem; text-align: center; flex: none; }
.nxa-nav:hover { background: var(--bg3, #1e2128); color: var(--text); }
.nxa-nav.active { background: color-mix(in srgb, var(--accent, #e1ff3c) 14%, transparent); color: var(--text); font-weight: 600; box-shadow: inset 3px 0 0 var(--accent, #e1ff3c); }
.nxa-cnt { margin-left: auto; font-size: 0.68rem; background: var(--bg3, #222); color: var(--text2); border-radius: 999px; padding: 0 0.45rem; min-width: 1.2rem; text-align: center; }
.nxa-cnt:empty { display: none; }
.nxa-cnt.bad { background: #ef4444; color: #fff; }
.nxa-main { min-width: 0; }
.nxa-panel { animation: nxaIn 0.15s ease; }
@keyframes nxaIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.nxa-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 0.7rem; margin-bottom: 1rem; }
.nxa-kpi { display: flex; flex-direction: column; gap: 0.15rem; text-align: left; background: var(--bg2); border: 1px solid var(--border); border-radius: 14px; padding: 0.85rem 1rem; color: var(--text); font: inherit; cursor: default; }
.nxa-kpi[data-tab] { cursor: pointer; }
.nxa-kpi[data-tab]:hover { border-color: var(--border2); }
.nxa-kpi small { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text3); }
.nxa-kpi b { font-size: 1.7rem; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.nxa-kpi span { font-size: 0.74rem; color: var(--text2); }
.nxa-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0.8rem; margin-bottom: 0.8rem; }
.nxa-card { background: var(--bg2); border: 1px solid var(--border); border-radius: 14px; padding: 0.4rem 1rem 0.9rem; margin-bottom: 0.8rem; min-width: 0; }
.nxa-two .nxa-card { margin-bottom: 0; }
.nxa-card h4 { font-size: 0.74rem !important; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text3); margin: 0.7rem 0 0.6rem !important; }
.nxa-att { display: flex; align-items: center; width: 100%; gap: 0.5rem; text-align: left; background: var(--bg); border: 1px solid var(--border); border-left: 3px solid #f59e0b; border-radius: 9px; padding: 0.55rem 0.7rem; margin-bottom: 0.35rem; color: var(--text); font: inherit; font-size: 0.85rem; cursor: pointer; }
.nxa-att.bad { border-left-color: #ef4444; } .nxa-att.info { border-left-color: #38bdf8; }
.nxa-att span { margin-left: auto; color: var(--text3); }
.nxa-att:hover { border-color: var(--border2); }
.nxa-ok { color: var(--green, #10b981); font-size: 0.86rem; margin: 0.2rem 0; }
.nxa-srv { display: flex; align-items: center; gap: 0.55rem; padding: 0.35rem 0; border-top: 1px solid var(--border); font-size: 0.85rem; }
.nxa-srv:first-of-type { border-top: 0; }
.nxa-srv i { width: 9px; height: 9px; border-radius: 50%; background: #10b981; flex: none; }
.nxa-srv i.busy { background: #38bdf8; } .nxa-srv i.offline { background: #ef4444; }
.nxa-srv small { margin-left: auto; color: var(--text3); }
.nxa-spark { width: 100%; height: auto; display: block; }
.nxa-ax { font-size: 9px; fill: var(--text3); }
.nxa-log { display: flex; gap: 0.6rem; align-items: flex-start; padding: 0.4rem 0; border-top: 1px solid var(--border); font-size: 0.78rem; }
.nxa-log code { white-space: pre-wrap; word-break: break-word; color: var(--text2); font-family: var(--mono, monospace); font-size: 0.74rem; }
.nxa-log.error .nxa-ln { color: #ef4444; } .nxa-log.warn .nxa-ln { color: #f59e0b; }
.nxa-ln { font-weight: 700; flex: none; min-width: 2.6rem; }
#page-admin .nxa-main table { width: 100%; border-collapse: separate !important; border-spacing: 0; background: var(--bg2); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; font-size: 0.84rem; }
#page-admin .nxa-main th { background: var(--bg3, #1a1d23); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text3); font-weight: 600; }
#page-admin .nxa-main tr:hover td { background: color-mix(in srgb, var(--text) 3%, transparent); }
#page-admin .nxa-main td, #page-admin .nxa-main th { border-bottom: 1px solid var(--border) !important; }
#page-admin .nxa-main input:not([type=checkbox]):not([type=radio]), #page-admin .nxa-main select, #page-admin .nxa-main textarea { border-radius: 8px !important; }
#page-admin #admin-panel-overview > div > div:first-child { margin-top: 0; }
@media (max-width: 900px) {
  .nxa-shell { grid-template-columns: 1fr; gap: 0.8rem; }
  .nxa-side { position: sticky; top: calc(60px + var(--nx-notice-h, 0px)); z-index: 6; flex-direction: row; overflow-x: auto; overflow-y: hidden; max-height: none; padding: 0.4rem; border-radius: 12px; -webkit-overflow-scrolling: touch; }
  .nxa-gh { display: none; }
  .nxa-nav { width: auto; flex: none; white-space: nowrap; }
  .nxa-nav.active { box-shadow: inset 0 -2px 0 var(--accent, #e1ff3c); }
  .nxa-qs { margin-left: 0; max-width: none; }
  .nxa-toplink { display: none; }
  #page-admin .nxa-main table { display: block; overflow-x: auto; }
}
.nxa-kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.nxa-spark { height: 90px; }
.nxa-axr { display: flex; justify-content: space-between; font-size: 0.7rem; color: var(--text3); margin-top: 0.25rem; }
.nxa-sum { font-size: 0.8rem; color: var(--text2); margin: -0.3rem 0 0.5rem; }
.nxa-stor { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.8rem; }
.nxa-stor > div { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.82rem; color: var(--text2); }
.nxa-stor small { font-size: 0.7rem; color: var(--text3); }
.nxa-stor b { font-size: 1.15rem; color: var(--text); }
.nxa-meter { display: block; height: 6px; border-radius: 3px; background: var(--bg3, #222); overflow: hidden; margin-top: 0.2rem; }
.nxa-meter i { display: block; height: 100%; background: var(--green, #10b981); }
.nxa-meter i.warn { background: #f59e0b; } .nxa-meter i.bad { background: #ef4444; }
.nxa-lim { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; font-size: 0.84rem; color: var(--text2); }
.nxa-lim input { width: 7rem; background: var(--bg); border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 0.4rem 0.55rem; font: inherit; }
.nxa-lim small { color: var(--text3); font-size: 0.74rem; }
.nxa-fo { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .6rem; margin: .4rem 0 .6rem }
.nxa-fo > div { background: rgba(255,255,255,.03); border: 1px solid #26262A; border-radius: 10px; padding: .6rem .7rem; display: flex; flex-direction: column; gap: .15rem; min-width: 0 }
.nxa-fo small { color: #9ca3af; font-size: .75rem }
.nxa-fo b { font-size: 1.05rem; overflow-wrap: anywhere }
.nxa-fo span { color: #9ca3af; font-size: .78rem; overflow-wrap: anywhere }
.nxa-steps { margin: .5rem 0 0 1.1rem; padding: 0; color: #d1d5db; font-size: .88rem; line-height: 1.55 }
.nxa-steps li { margin-bottom: .35rem }
.nxa-steps code, .nxa-card code { background: #17171b; border: 1px solid #26262A; border-radius: 5px; padding: 0 .3rem; font-size: .82em }
details.nxa-card summary { cursor: pointer; list-style: revert }
.nxa-logrow { display: flex; gap: .5rem; align-items: baseline; padding: .32rem 0; border-bottom: 1px solid #1d1d21; font-size: .86rem; flex-wrap: wrap }
.nxa-logrow small { color: #6b7280; min-width: 5.5rem; font-size: .75rem }
.nxa-srv em.down { color: #ef4444; font-style: normal }
.nxa-srv .nxa-btn { margin-left: auto }
.nxa-look { display: flex; gap: .6rem; flex-wrap: wrap; margin: .6rem 0 }
.nxa-look.big .nxa-btn { font-size: 1rem; padding: .7rem 1.1rem }
.nxa-dim { color: #9ca3af }
.nxa-live h4 small { color: #6b7280; font-weight: 400; font-size: .75rem; margin-left: .4rem }
a.nxa-btn { text-decoration: none; display: inline-flex; align-items: center }
.nxa-top h1 { font-size: 1.35rem; font-weight: 700; }
.nxa-role, .nxa-role.own { background: none; border: 0; padding: 0; color: var(--text3); font-weight: 500; font-size: 0.8rem; }
.nxa-qs { border-radius: 6px; padding: 0.45rem 0.7rem; }
.nxa-shell { grid-template-columns: 200px minmax(0, 1fr); gap: 1.6rem; }
.nxa-side { background: none; border: 0; border-right: 1px solid var(--border); border-radius: 0; padding: 0 0.8rem 0 0; }
.nxa-gh { text-transform: none; letter-spacing: 0; font-size: 0.75rem; font-weight: 600; color: var(--text3); padding: 0.9rem 0.5rem 0.2rem; }
.nxa-nav { border-radius: 4px; padding: 0.38rem 0.5rem; font-size: 0.84rem; }
.nxa-nav > span { display: inline-flex; color: var(--text3); }
.nxa-nav.active { background: var(--bg2); box-shadow: none; font-weight: 600; }
.nxa-nav.active > span { color: var(--text); }
.nxa-cnt { border-radius: 3px; font-variant-numeric: tabular-nums; }
.nxa-panel { animation: none; }
.nxa-kpis { gap: 0; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.nxa-kpi { border: 0; border-radius: 0; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--bg2); margin: 0 -1px -1px 0; padding: 0.75rem 0.9rem; }
.nxa-kpi small { text-transform: none; letter-spacing: 0; font-size: 0.75rem; }
.nxa-kpi b { font-size: 1.45rem; font-weight: 700; }
.nxa-card, .nxa-detail, .nxa-form, .nxa-cl { border-radius: 6px; }
.nxa-card { padding: 0.2rem 0.95rem 0.8rem; }
.nxa-card h4, .nxa-detail h4, .nxa-form h4, #admin-panel-admins h4, #admin-panel-notices h4 { text-transform: none !important; letter-spacing: 0 !important; font-size: 0.88rem !important; font-weight: 600; color: var(--text) !important; }
.nxa-card h4 small { color: var(--text3); font-weight: 400; }
.nxa-att { border-radius: 4px; background: none; border: 0; border-bottom: 1px solid var(--border); border-left: 2px solid #f59e0b; padding: 0.45rem 0.6rem; margin: 0; }
.nxa-btn { border-radius: 5px; padding: 0.36rem 0.7rem; font-weight: 500; }
.nxa-btn.ok { background: var(--text); border-color: var(--text); color: var(--bg); }
.nxa-row, .nxa-pg, .nxa-adm { border-radius: 4px; }
.nxa-fo > div { border-radius: 4px; background: none; }
.nxa-ok { color: var(--text3); }
.nxa-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--text3); vertical-align: middle; margin-right: 0.25rem; }
.nxa-dot.ok { background: #10b981; } .nxa-dot.bad { background: #ef4444; } .nxa-dot.busy { background: #38bdf8; }
.nxn-i { display: inline-flex; color: var(--c, var(--text2)); }
.ncc-i, .nxs-i { display: flex; justify-content: center; color: var(--text3); }
.ncc-i svg, .nxs-i svg { width: 34px; height: 34px; }
.nxa-tbl { width: 100%; border-collapse: collapse; font-size: 0.84rem; }
.nxa-tbl th { text-align: left; font-weight: 500; color: var(--text3); font-size: 0.75rem; padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--border); }
.nxa-tbl td { padding: 0.5rem; border-bottom: 1px solid var(--border); vertical-align: middle; }
.nxa-tbl td small { display: block; color: var(--text3); font-size: 0.74rem; }
.nxa-tbl .num { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.nxa-tbl .acts { text-align: right; white-space: nowrap; }
.nxa-tbl .acts .nxa-btn { margin-left: 0.25rem; padding: 0.25rem 0.55rem; font-size: 0.78rem; }
.nxa-scroll { overflow-x: auto; }
.nxa-st { font-size: 0.78rem; font-weight: 600; }
.nxa-st.running, .nxa-st.online { color: #10b981; } .nxa-st.offline, .nxa-st.down { color: #ef4444; } .nxa-st.starting, .nxa-st.stopping, .nxa-st.paused { color: #f59e0b; }
.nxa-why { color: var(--text2); font-size: 0.8rem; }
@media (max-width: 900px) { .nxa-shell { grid-template-columns: 1fr; gap: 0.8rem; } .nxa-side { border-right: 0; border-bottom: 1px solid var(--border); padding: 0 0 0.5rem; } } 
.nxa-ck { display: flex; gap: 0.55rem; align-items: flex-start; padding: 0.45rem 0; border-bottom: 1px solid var(--border); font-size: 0.85rem; }
.nxa-ck .nxa-dot { margin-top: 0.38rem; flex: none; }
.nxa-ck small { display: block; color: var(--text2); font-size: 0.78rem; margin-top: 0.1rem; }
.nxa-ck.bad b { color: var(--text); } .nxa-ck.ok small { display: none; }
.nxa-check .nxa-look small { flex-basis: 100%; }
#page-admin .nxa-embed > .pg-wrap { max-width: none; margin: 0; padding: 0; }
#page-admin .nxa-embed .pg-head { margin-bottom: 1rem; align-items: center; }
#page-admin .nxa-embed .pg-head h1 { font-size: 1.25rem !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; margin: 0; }