:root{color-scheme:dark;--app-bg:#040b19;--surface:#081426;--surface-2:#0c1b30;--line:#1c304a;--text:#e9f2fc;--muted:#8fa4bd;--accent:#38bdf8;--green:#31d2a2;--red:#f56b7b}
*{box-sizing:border-box}
body.panel-page{grid-template-columns:248px minmax(0,1fr);background:var(--app-bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
.panel-side{height:100vh;position:sticky;top:0;padding:18px 14px 16px;background:#081326;border-right:1px solid var(--line);overflow-y:auto;z-index:5}
.panel-side .empire-logo{padding:8px 9px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.panel-side .brand-logo{width:38px;height:38px;flex-basis:38px}.panel-side .empire-logo span{font-size:13px;font-weight:800;letter-spacing:.045em}.panel-side .empire-logo b{color:#73d2ff}.panel-kicker{margin:19px 10px 10px;color:#5d7795;font-size:9px;letter-spacing:.16em;font-weight:800}
.panel-side nav{display:flex;flex-direction:column;gap:3px}.panel-nav-group{margin:15px 10px 3px;color:#58718f;font-size:9px;letter-spacing:.15em;font-weight:800}.panel-side nav a{display:flex;align-items:center;min-height:38px;padding:9px 11px;border:1px solid transparent;border-radius:8px;color:#9aacc3;text-decoration:none;font-size:13px;font-weight:600;transition:.15s}.panel-side nav a:hover{background:#101e31;color:var(--text)}.panel-side nav a.selected{background:#14273d;border-color:#213b57;color:#f3f8ff;box-shadow:inset 2px 0 #47c5ee}.panel-bottom{padding-top:14px;border-top:1px solid var(--line)}.panel-bottom>a{font-size:12px;padding:9px 10px;color:#9db2ca;text-decoration:none}.panel-bottom .es-button{width:100%}
.panel-main{width:100%;max-width:none;margin:0;padding:26px clamp(20px,2.1vw,38px) 32px;min-width:0}.panel-header{min-height:76px;padding:0 0 19px;border-bottom:1px solid var(--line)}.panel-header .es-eyebrow{color:#62bfe5}.panel-header h1{margin:5px 0 3px;font-size:25px;letter-spacing:-.025em}.panel-header p{font-size:13px;color:var(--muted)}.panel-actions{align-items:center}.panel-search{width:min(300px,24vw);padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:#071222;color:var(--text);font:inherit}.panel-search::placeholder{color:#7e93ad}
.panel-global-status{display:flex;align-items:center;gap:9px;min-height:39px;margin:17px 0 0;padding:0 12px;border:1px solid #17334a;border-radius:8px;background:linear-gradient(90deg,#0b2133,#091629);color:#b9d7ed;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #31d2a270}.status-dot.offline{background:#ec7785;box-shadow:0 0 10px #ec778550}.global-status-time{margin-left:auto;color:#7f96b2}
.panel-metrics{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:16px 0 21px}.panel-metrics article{position:relative;min-height:112px;padding:17px 18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#0b192c,#081326)}.panel-metrics article:after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:#34b6df;border-radius:0 2px 2px 0}.panel-metrics span{font-size:12px;color:#98aec7}.panel-metrics strong{margin:8px 0 2px;font-size:28px;line-height:1.1}.panel-metrics small{font-size:11px;color:#7188a4}
.panel-section{margin:14px 0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.panel-title{margin:0 0 14px}.panel-title h2{font-size:18px;margin:3px 0 0}.panel-title .es-eyebrow{font-size:9px}.panel-section[hidden],.panel-metrics[hidden]{display:none!important}.server-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:11px}.server-card{position:relative;border:1px solid var(--line);border-radius:9px;background:#09172a;padding:14px}.server-card h3{font-size:15px;margin:10px 0 8px}.server-card p{font-size:12px;color:#8fa4bd}.state{padding:4px 8px;font-weight:700}.state.offline{background:#251d2b;color:#f3a0aa}
.panel-table{border:1px solid var(--line);border-radius:9px;background:#071222}table{font-size:12px}th,td{padding:11px 12px;border-bottom:1px solid #14253b}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#09172a;color:#7f96b2}tbody tr:hover{background:#0c1b30}tbody tr[hidden]{display:none}.severity{font-weight:700}.panel-empty{font-size:13px}
.events-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:8px;margin:0 0 14px}.events-toolbar input,.events-toolbar select{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#071222;color:var(--text);font:inherit}.events-toolbar input::placeholder{color:#7f96b2}.events-table table{width:100%;border-collapse:collapse}.events-table th{font-size:11px}.events-table td{font-size:13px;color:#d8e5f5}.events-table td strong{font-weight:600}.events-table td small{display:block;margin-top:4px;color:#7188a4;font-size:10px}.events-table .event-type{color:#41b8ef;font-weight:650}.event-type.high,.event-type.critical{color:#ff5f78}.event-type.medium{color:#f1b94f}.event-expand{width:28px;height:27px;border:0;background:transparent;color:#91a9c4;font-size:18px;cursor:pointer}.event-detail td{background:#081426;padding:14px 20px}.event-detail-grid{display:grid;grid-template-columns:110px minmax(110px,1fr) 110px minmax(160px,2fr);gap:9px 14px;align-items:start}.event-detail-grid span{color:#7f96b2}.event-detail-grid b{font-weight:500;color:#d8e5f5}.event-detail-grid pre{grid-column:2/-1;max-height:240px;overflow:auto;margin:0;padding:10px;border-radius:7px;background:#050d1a;color:#9fc9eb;font:12px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.events-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0 0;color:#9bb0c8;font-size:12px}.events-pagination button:disabled{opacity:.45;cursor:default}.moderation-dialog form>p{margin:0;color:var(--muted);font-size:13px}.moderation-dialog form>h2{margin:0}
.scanner-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 12px}.scanner-toolbar [role=status]{color:#9bb0c8;font-size:13px}.scanner-summary{margin:10px 0;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#09172a;color:#84bfe1;font-size:13px}.scanner-results{width:100%;border-collapse:collapse}.scanner-results td small{display:block;margin-top:4px;color:#7890ad;font-size:11px}.scanner-results .es-danger{border-color:#713248;background:#291321;color:#ffb4c0}.scanner-results td{font-size:12px}
.protection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.protection-card{border-radius:10px;background:#081426;padding:15px}.protection-card h3{font-size:16px}.protection-card>p{font-size:11px;min-height:32px}.protection-row{min-height:40px;font-size:12px}.protection-footer{position:sticky;bottom:0;z-index:3;margin:14px -18px -18px;padding:12px 18px;background:#071222f2;border-top:1px solid var(--line);border-radius:0 0 10px 10px}.weapon-manager,.trigger-event-sync{background:#081426;border-color:var(--line);border-radius:10px}.trigger-event-sync li{display:flex;align-items:center;gap:8px}.trigger-event-sync li button{border:1px solid #29425e;border-radius:7px;background:#0b1b30;color:#c4d9ed;padding:5px 8px;cursor:pointer}.add-row input:focus,.panel-search:focus{outline:2px solid #3ab8df55;border-color:#40bce5}
.webhook-settings{display:grid;gap:13px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#081426}.webhook-heading h3{margin:0 0 5px;font-size:16px}.webhook-heading p,.webhook-note{margin:0;color:#9aacc5;font-size:12px;line-height:1.5}.webhook-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(200px,1fr) auto;gap:10px;align-items:center}.webhook-row label{display:block;color:#dce8f7;font-size:13px}.webhook-row small{display:block;margin-top:4px;color:#8198b6;font-size:11px}.webhook-row input{min-width:0;width:100%;padding:9px 11px;border:1px solid #223451;border-radius:7px;background:#0b192d;color:#e5efff}.webhook-settings [role=status]{margin-left:8px;color:#9aacc5;font-size:12px}.webhook-settings button:disabled{opacity:.5;cursor:default}.webhook-note code{color:#9bdcff}
.moderation-dialog{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid #29415f;border-radius:14px;background:#0a172a;color:var(--text);box-shadow:0 24px 90px #000a}.moderation-dialog::backdrop{background:#020817c9;backdrop-filter:blur(4px)}.moderation-dialog form{display:grid;gap:15px;padding:22px}.moderation-dialog header{border-bottom:1px solid var(--line);padding-bottom:14px}.moderation-dialog h2{margin:5px 0;font-size:20px}.moderation-dialog header p{margin:0;color:var(--muted);font-size:12px}.moderation-dialog label{display:grid;gap:7px;color:#9bb0c8;font-size:12px}.moderation-dialog input,.moderation-dialog select,.moderation-dialog textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#061121;color:var(--text);font:inherit}.moderation-dialog textarea{resize:vertical;min-height:80px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.moderation-dialog [role=status]{margin:0;color:#92a9c2;font-size:12px}.moderation-dialog button:disabled{opacity:.6}
body.sidebar-collapsed.panel-page{grid-template-columns:72px minmax(0,1fr)}body.sidebar-collapsed .panel-side{padding-left:9px;padding-right:9px}body.sidebar-collapsed .panel-side .empire-logo span,body.sidebar-collapsed .panel-kicker,body.sidebar-collapsed .panel-nav-group,body.sidebar-collapsed .panel-side nav a{font-size:0}body.sidebar-collapsed .panel-side nav a{min-height:40px;justify-content:center;padding:0}body.sidebar-collapsed .panel-bottom>a{display:none}
@media(max-width:1150px){.protection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-search{width:min(230px,22vw)}}
@media(max-width:850px){body.panel-page,body.sidebar-collapsed.panel-page{grid-template-columns:1fr}.panel-side{height:auto;position:sticky;top:0;padding:9px 12px;display:flex;flex-direction:row;align-items:center;gap:12px}.panel-side .empire-logo{padding:0;border:0}.panel-side .brand-logo{width:32px;height:32px}.panel-kicker,.panel-bottom{display:none}.panel-side nav{display:flex;flex-direction:row;overflow:auto;margin-left:auto}.panel-side nav a{white-space:nowrap;min-height:34px;padding:7px 9px}.panel-nav-group{display:none}.panel-main{padding:19px 16px}.panel-header{align-items:flex-start}.panel-actions{flex-wrap:wrap;justify-content:flex-end}.panel-search{width:190px}}
@media(max-width:620px){.panel-side{align-items:flex-start;flex-direction:column}.panel-side nav{margin:0;max-width:100%;width:100%}.panel-header{flex-direction:column}.panel-actions{width:100%;justify-content:flex-start}.panel-search{flex:1;width:auto}.panel-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-metrics article{min-height:94px;padding:13px}.panel-metrics strong{font-size:24px}.protection-grid{grid-template-columns:1fr}.panel-title{align-items:flex-start;flex-direction:column}.panel-title h2{font-size:17px}.panel-section{padding:13px}.panel-table{overflow:auto}.panel-table table{min-width:650px}.weapon-manager-head{align-items:flex-start;flex-direction:column}.trigger-event-sync{grid-template-columns:1fr}.trigger-event-sync button{justify-self:start}.panel-global-status{flex-wrap:wrap}.global-status-time{width:100%;margin-left:17px}}
@media(max-width:620px){.webhook-row{grid-template-columns:1fr}.webhook-row button{justify-self:start}.webhook-settings [role=status]{display:block;margin:0}}
@media(max-width:760px){.events-toolbar{grid-template-columns:1fr 1fr}.events-toolbar input{grid-column:1/-1}.events-table table{min-width:680px}.event-detail-grid{grid-template-columns:85px 1fr}.event-detail-grid pre{grid-column:1/-1}}
.chart-section{position:relative;min-height:330px}.chart-summary{display:flex;align-items:baseline;gap:10px;margin:2px 0 0 2px}.chart-summary strong{font-size:26px}.chart-summary span{font-size:12px;color:var(--muted)}#playerChart{display:block;width:100%;height:210px;overflow:visible;margin-top:-2px}.chart-axis{display:flex;justify-content:space-between;color:#6f87a5;font-size:10px;margin:0 4px}#chartStatus{margin-top:8px;color:#8299b4;font-size:11px}.chart-section .panel-title{margin-bottom:2px}.chart-section .protection-server{min-width:180px}
.panel-side nav a:before{display:inline-grid;place-items:center;width:18px;margin-right:8px;color:#8ba3bf;font-size:15px;font-weight:500}.panel-side nav a[data-page="dashboard"]:before{content:"⌂"}.panel-side nav a[data-page="players"]:before{content:"♙"}.panel-side nav a[data-page="bans"]:before{content:"⊘"}.panel-side nav a[data-page="events"]:before{content:"≋"}.panel-side nav a[data-page="servers"]:before{content:"▤"}.panel-side nav a[data-page="protections"]:before{content:"◇"}body.sidebar-collapsed .panel-side nav a:before{margin:0}
.panel-side nav a[data-page="backdoorScanner"]:before{content:"⌕"}