/* REDLINE RCON 2.0 | complete layout layer, preserves existing IDs and JS */
:root{--bg:#07090e;--surface:#121720;--surface-2:#19212b;--line:#29303b;--line-soft:#252b35;--red:#e23447;--red-strong:#ff5368;--text:#f5f7fa;--muted:#a2adbb;--muted-2:#7e8a9c;--radius:15px;--shadow:0 18px 48px rgba(0,0,0,.34)}
html{scroll-behavior:smooth}
body{background:#080a10 linear-gradient(90deg,rgba(6,8,13,.96),rgba(6,8,13,.77)),url('/redline-east-background.png') center /cover fixed no-repeat!important;letter-spacing:.005em}
.app-shell{min-height:100vh;background:transparent!important}
.globalbar{position:fixed;inset:0 auto 0 0;width:244px;height:100vh;z-index:70;background:linear-gradient(180deg,rgba(14,18,26,.98),rgba(8,11,17,.97));border-right:1px solid rgba(240,244,255,.10);box-shadow:15px 0 45px rgba(0,0,0,.20);backdrop-filter:blur(20px)}
.globalbar-inner{height:100%;width:100%;padding:28px 14px 20px;display:flex;flex-direction:column;gap:24px;align-items:stretch}
.globalbar .brand-lockup{padding:4px 10px 22px;border-bottom:1px solid rgba(255,255,255,.10);gap:12px}
.globalbar .logo-mark{width:44px;height:44px;min-width:44px;border-radius:12px;background:linear-gradient(140deg,#f04a5d,#8f1228);font-size:23px;box-shadow:0 8px 26px rgba(217,34,58,.28)}
.brand-kicker{font-size:10px;letter-spacing:.19em;color:#ff6c7e}
.brand-copy strong{font-size:14px;letter-spacing:.025em}
.topnav{height:auto;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:4px 0}
.topnav .nav-item{display:flex;align-items:center;gap:13px;min-height:47px;padding:0 15px;border-radius:10px;text-align:left;font-size:13px;color:#9ca8b9;transition:all .18s}
.topnav .nav-item::before{content:'◈';font-size:16px;width:20px;color:#8993a5;text-align:center}
.topnav .nav-item[data-view="dashboard"]::before{content:'▦'}
.topnav .nav-item[data-view="players"]::before{content:'⌕';font-size:23px}
.topnav .nav-item[data-view="watchlist"]::before{content:'◇'}
.topnav .nav-item[data-view="server"]::before{content:'◉'}
.topnav .nav-item[data-view="bans"]::before{content:'⊘'}
.topnav .nav-item[data-view="killlogs"]::before{content:'≡'}
.topnav .nav-item[data-view="audit"]::before{content:'▤'}
.topnav .nav-item[data-view="security"]::before{content:'⬡'}
.topnav .nav-item:hover{background:rgba(255,255,255,.055);color:#fff}
.topnav .nav-item.active{background:linear-gradient(100deg,rgba(226,52,71,.24),rgba(226,52,71,.065));border:1px solid rgba(246,78,99,.27)!important;color:#fff;box-shadow:inset 3px 0 #ec3c54}
.topnav .nav-item.active::before{color:#ff6278}
.topnav .nav-item.active::after{display:none}
.global-actions{margin-top:auto;display:grid;grid-template-columns:1fr 32px;gap:13px;padding:16px 9px 0;border-top:1px solid rgba(255,255,255,.10)}
.global-actions .server-pill{grid-column:1/-1;justify-content:center;height:38px;border-radius:9px;background:rgba(41,58,48,.32);border-color:rgba(80,185,119,.19);font-size:12px}
.global-actions .user-compact{min-width:0;gap:10px}
.global-actions .avatar{width:35px;height:35px}
.global-actions .signout-btn{width:35px;height:35px;border-radius:9px}
.main{margin:0 0 0 244px;max-width:none;padding:42px clamp(22px,3.3vw,64px) 80px;min-height:100vh;background:transparent!important}
.page-heading{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.10);align-items:center}
.page-heading h1{font-size:clamp(30px,3.2vw,43px);font-weight:850;letter-spacing:-.045em;margin-top:6px}
.eyebrow{color:#ff6175;font-size:10px;letter-spacing:.20em}
.security-chip{border-radius:9px;height:37px;padding:0 14px;background:rgba(12,21,28,.80);border-color:rgba(96,143,156,.30);color:#b7c7d3;font-size:11px;font-weight:750}
.server-hero{padding:clamp(26px,3vw,44px);border-radius:20px;background:linear-gradient(100deg,rgba(12,16,24,.94) 0%,rgba(13,18,26,.81) 62%,rgba(14,19,28,.66) 100%),url('/redline-east-background.png') center 40% / cover no-repeat!important;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);margin-bottom:20px;min-height:260px}
.server-hero::before{width:4px;background:#e83b51}
.server-hero h2{font-size:clamp(26px,3vw,39px);font-weight:850;white-space:normal;line-height:1.16;max-width:750px;margin:13px 0}
.server-subtitle{font-size:13px;white-space:normal;color:#c4cedb}
.status-line{color:#75e8b1;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.server-facts{border:none;background:transparent;gap:10px;margin-top:15px;overflow:visible}
.server-fact{border:1px solid rgba(255,255,255,.13)!important;border-radius:11px!important;background:rgba(8,12,19,.80)!important;padding:15px 16px!important;backdrop-filter:blur(12px)}
.server-fact span{color:#a6b2c0;font-size:10px}
.server-fact strong{font-size:15px}
.overview-grid{gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr)}
.overview-left{gap:20px}
.stat-grid{gap:14px}
.stat-card{border-radius:15px;padding:23px;min-height:143px;background:linear-gradient(140deg,rgba(22,29,40,.95),rgba(12,17,25,.92));border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.stat-card strong{font-size:30px!important;letter-spacing:-.04em}
.stat-card>span{font-size:12px;color:#adb8c6}
.panel,.search-panel,.performance-card,.quick-link,.profile-box{background:linear-gradient(135deg,rgba(19,25,35,.94),rgba(11,16,24,.91))!important;border:1px solid rgba(184,202,227,.14)!important;border-radius:17px!important;box-shadow:0 15px 42px rgba(0,0,0,.18);backdrop-filter:blur(15px)}
.panel{padding:24px}
.panel-head h2{font-size:20px;letter-spacing:-.025em}
.quick-grid{gap:12px}
.quick-link{min-height:75px;border-radius:12px!important;transition:transform .2s,border-color .2s}
.quick-link:hover{transform:translateY(-2px);border-color:rgba(242,77,99,.38)!important}
.quick-icon{background:rgba(221,54,73,.12)!important;color:#ff667a!important;border-radius:10px!important}
.activity-panel{min-height:340px}
.activity-item{min-height:61px}
#view-players .player-search-panel{padding:clamp(24px,3vw,42px)!important;display:flex!important;flex-direction:column!important;gap:18px!important;align-items:stretch!important;background:linear-gradient(105deg,rgba(14,20,29,.97),rgba(14,20,29,.80)),url('/redline-east-background.png') center / cover!important}
#view-players .search-copy h2{font-size:clamp(26px,2.6vw,35px);letter-spacing:-.035em;margin:7px 0}
#view-players .search-copy p:last-child{font-size:13px;color:#b6c1d0}
#view-players .player-search-modes{display:flex!important;align-items:center;gap:9px!important;flex-wrap:wrap;margin:7px 0 2px!important;padding:5px;width:fit-content;background:rgba(6,10,16,.76);border:1px solid rgba(255,255,255,.12);border-radius:13px}
#view-players .player-search-modes .btn{border-radius:9px!important;min-height:44px;padding:0 22px;font-size:12px}
#view-players .player-searchbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:11px!important;width:100%}
#view-players .search-field-wrap{min-width:0;flex:auto}
#view-players #playerSearch{height:52px;background:rgba(7,12,19,.90)!important;border:1px solid rgba(255,255,255,.19);border-radius:11px;padding-left:43px!important;font-size:13px}
#view-players .player-searchbar .btn{min-height:52px;padding-inline:23px;font-size:12px;border-radius:11px}
#view-players #globalSearchNotice{padding:12px 15px;border:1px solid rgba(226,174,84,.27);background:rgba(99,73,30,.13);border-radius:10px;color:#e7c38b;font-size:12px}
#view-players .player-results-panel{padding:26px 26px 0!important;min-height:250px}
#view-players .player-list{margin:0 -26px}
.player-result{background:rgba(14,19,27,.35);min-height:78px}
.player-result:hover,tbody tr:hover{background:rgba(238,72,92,.08)!important}
.player-avatar,.profile-avatar,.selected-player-avatar{border-radius:12px;background:rgba(224,60,80,.11);border-color:rgba(233,84,104,.24)}
.btn{border-radius:9px;min-height:38px;font-size:12px;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-1px)}
.btn.primary,#searchModeRedline.primary,#searchModeGlobal.primary{background:linear-gradient(135deg,#f0475e,#ae2138)!important;border-color:rgba(255,130,145,.30)!important;box-shadow:0 7px 20px rgba(202,36,62,.21)}
.btn.ghost{background:rgba(27,36,49,.88);border-color:rgba(155,175,202,.22)}
.input,input,select,textarea{border-radius:10px}
.input:focus{border-color:rgba(241,87,106,.72)!important;box-shadow:0 0 0 3px rgba(231,52,78,.12)!important}
.table-wrap{border-radius:12px;background:rgba(7,11,17,.45)}
th{background:rgba(8,12,19,.94);font-size:10px;letter-spacing:.10em;color:#a4b0bf}
th,td{padding:15px 17px}
.modal{background:linear-gradient(145deg,#171f2a,#0c1119);border:1px solid rgba(196,209,229,.20);border-radius:17px;box-shadow:0 30px 100px rgba(0,0,0,.7)}
.modal::backdrop{background:rgba(2,4,8,.78);backdrop-filter:blur(7px)}
.profile-box{padding:16px}
.profile-section{margin-top:23px}
.login-shell{background:linear-gradient(110deg,rgba(5,8,13,.88),rgba(5,8,13,.63)),url('/redline-east-background.png') center/cover fixed!important}
.login-card{border-radius:22px;background:rgba(13,18,27,.94);border:1px solid rgba(255,255,255,.15);padding:42px;backdrop-filter:blur(16px)}
@media(max-width:1250px){.globalbar{width:208px}.main{margin-left:208px}.globalbar-inner{padding-inline:10px}.overview-grid{grid-template-columns:1fr}.server-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.globalbar{position:sticky;inset:auto;top:0;width:100%;height:auto}.globalbar-inner{padding:10px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.globalbar .brand-lockup{border:0;padding:0}.topnav{height:48px;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:2px}.topnav .nav-item{min-height:42px;padding:0 12px}.topnav .nav-item::before{display:none}.global-actions{display:flex;gap:6px;margin:0;padding:0;border:0}.global-actions .server-pill,.global-actions .user-meta{display:none}.main{margin-left:0;padding:26px 18px 55px}.server-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.globalbar-inner{grid-template-columns:1fr auto}.globalbar .brand-lockup{grid-column:1}.topnav{grid-column:1/-1;grid-row:2}.global-actions{grid-column:2;grid-row:1}.page-heading{align-items:flex-start}.security-chip{display:none}.server-hero{padding:23px;grid-template-columns:1fr}.server-hero-actions{justify-self:start}.server-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:110px;padding:17px}.stat-card strong{font-size:25px!important}.overview-grid{display:block}.activity-panel{margin-top:18px}#view-players .player-searchbar{grid-template-columns:1fr 1fr}#view-players .search-field-wrap{grid-column:1/-1}#view-players .player-searchbar .btn{width:100%;padding-inline:10px}#view-players .player-results-panel{padding:18px 18px 0!important}#view-players .player-list{margin:0 -18px}body{background-attachment:scroll!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}