:root{--bg:#090909;--surface:#121317;--hover:#191c22;--line:rgba(255,255,255,.055);--red:#ff3b3b;--red2:#ff5f5f;--purple:#8b5cf6;--blue:#3b82f6;--green:#22c55e;--orange:#f97316;--cyan:#06b6d4;--text:#fff;--muted:#9ca3af;--sidebar:244px;--topbar:78px;--ease:all .25s cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,sans-serif;font-size:13px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.icon{width:19px;height:19px;flex:0 0 auto}.shell-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 60% -15%,rgba(139,92,246,.08),transparent 30%),radial-gradient(circle at 20% 40%,rgba(255,59,59,.04),transparent 25%),#090909}.top-shell{position:fixed;z-index:50;top:0;left:var(--sidebar);right:0;height:var(--topbar);display:grid;grid-template-columns:44px minmax(280px,520px) 1fr auto auto;align-items:center;gap:15px;padding:0 22px;background:rgba(7,8,12,.85);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand-mark{position:fixed;left:18px;top:10px;width:205px;height:62px;display:flex;align-items:center;gap:10px}.brand-mark img{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,45,58,.24))}.brand-mark strong{font-size:20px;font-weight:800;letter-spacing:-.6px}.brand-mark strong span{color:#ff2848}.brand-mark em{display:block;color:#fff;font-size:10px;font-style:normal;font-weight:700;letter-spacing:1.6px}.brand-line{display:none}.menu-btn,.quick-actions button{display:grid;place-items:center;border:1px solid var(--line);background:#11131a;border-radius:11px;cursor:pointer;transition:var(--ease)}.menu-btn{width:42px;height:42px}.menu-btn:hover,.quick-actions button:hover{border-color:rgba(255,77,87,.35);background:var(--hover);color:var(--red2);transform:translateY(-2px)}.global-search{height:42px;position:relative;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:rgba(18,19,27,.85);transition:var(--ease)}.global-search:focus-within{border-color:rgba(255,59,59,.35);box-shadow:0 0 0 3px rgba(255,59,59,.06)}.global-search .icon{color:#c2c7d2}.global-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff}.global-search input::placeholder{color:#747986}.header-metrics span{min-width:166px;display:grid;grid-template-columns:12px 1fr;align-items:center;column-gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(12,13,19,.7)}.header-metrics small{color:#35ed83;font-weight:800;font-size:10px}.header-metrics b{grid-column:2;color:#868d9e;font-size:10px;font-weight:500}.status-led{width:7px;height:7px;border-radius:50%;background:#1df276;box-shadow:0 0 10px #1df276}.quick-actions{display:flex;gap:9px}.quick-actions button{position:relative;width:42px;height:42px}.quick-actions button>b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:2px;border-radius:8px;background:var(--red);font-size:9px}.user-chip{display:flex;align-items:center;gap:10px;min-width:150px;padding-left:13px;border-left:1px solid var(--line)}.user-chip>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fb2847;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a21f3b,#390b18);box-shadow:0 0 20px rgba(255,35,67,.2);font-style:normal;font-weight:800}.user-chip div{display:grid}.user-chip strong{font-size:12px}.user-chip small{color:var(--red);font-size:10px;font-weight:700}.user-chip button{margin-left:auto;border:0;background:none;cursor:pointer}.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;padding-top:var(--topbar)}.sidebar{position:fixed;z-index:45;left:0;top:var(--topbar);bottom:0;width:var(--sidebar);display:flex;flex-direction:column;padding:14px 13px;background:linear-gradient(180deg,#0b0e17,#080b12);border-right:1px solid var(--line);box-shadow:18px 0 50px rgba(0,0,0,.18);overflow:auto;scrollbar-width:none}.sidebar nav{display:flex;flex-direction:column}.nav-title{margin:14px 11px 6px;color:#697084;font-size:9px;letter-spacing:1.1px}.sidebar nav a{position:relative;min-height:38px;display:flex;align-items:center;gap:11px;margin:1px 0;padding:8px 11px;border-radius:8px;color:#b9bfcc;font-size:11px;transition:var(--ease)}.sidebar nav a:hover{transform:translateX(4px);background:var(--hover);color:#fff}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#ff334f,#7f173b);box-shadow:0 8px 24px rgba(255,33,65,.26),inset 3px 0 #ff7185}.sidebar nav a.active:after{content:"";position:absolute;right:0;width:2px;height:19px;border-radius:3px;background:#ff8b9b;box-shadow:0 0 12px #ff3652}.sidebar nav a>b{margin-left:auto;padding:2px 6px;border-radius:6px;background:#7b1640;color:#fff;font-size:9px}.sidebar .nav-locked{opacity:.45}.v2-collapse{position:fixed;z-index:60;left:231px;top:94px;width:25px;height:30px;border:1px solid var(--line);border-radius:8px;background:#11131a;cursor:pointer}.discord-card{margin-top:16px;display:grid;grid-template-columns:34px 1fr;gap:1px 10px;padding:12px;border:1px solid rgba(139,92,246,.15);border-radius:12px;background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(59,130,246,.05))}.discord-card .icon{grid-row:1/3;width:30px;height:30px;color:#9a73ff}.discord-card span{color:var(--muted);font-size:9px}.content{grid-column:2;min-width:0;padding:18px 18px 26px}.hero-banner{min-height:270px;position:relative;overflow:hidden;border:1px solid rgba(139,92,246,.18);border-radius:17px;background-image:linear-gradient(90deg,rgba(22,8,28,.9) 0%,rgba(38,9,29,.55) 35%,rgba(7,8,15,.08) 70%),linear-gradient(0deg,rgba(8,9,15,.45),transparent 50%),url('../img/goodzone-hero-2026.png');background-size:cover;background-position:center 68%;box-shadow:0 20px 70px rgba(0,0,0,.25)}.hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 15%,rgba(255,42,85,.14),transparent 35%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:28px 36px 78px}.v2-kicker{color:#ff4b58;font-size:10px;font-weight:800;letter-spacing:1.2px}.v2-kicker b{color:#a868ff}.hero-copy h1{margin:8px 0 7px;font-size:43px;line-height:1.03;letter-spacing:-1.5px}.hero-copy h1 em{color:#ff4757;font-style:normal}.hero-copy h1 span{font-size:28px}.hero-copy p{margin:0 0 14px;color:#e4e6ec;font-size:12px}.v2-hero-actions{display:flex;gap:14px}.btn,.v2-ghost{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px;border:1px solid transparent;border-radius:7px;font-weight:700;transition:var(--ease)}.btn{background:linear-gradient(135deg,#ff2748,#ff5d60);box-shadow:0 10px 28px rgba(255,40,65,.25)}.v2-ghost{border-color:rgba(255,255,255,.15);background:rgba(11,15,35,.72)}.btn:hover,.v2-ghost:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.1)}.hero-brand{position:absolute;right:30px;top:22px;display:grid;grid-template-columns:26px 1fr;color:#fff}.hero-brand span{grid-row:1/3;color:#ffc839;font-size:21px}.hero-brand strong{font-size:10px}.hero-brand small{color:#7f8493;font-size:8px}.hero-server-strip{position:absolute;z-index:3;right:15px;bottom:15px;display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));width:min(650px,67%);padding:8px 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(13,12,27,.82);backdrop-filter:blur(12px)}.hero-server-strip>div{display:flex;align-items:center;gap:9px;padding:3px 11px;border-right:1px solid rgba(255,255,255,.06)}.hero-server-strip>div:last-child{border:0}.hero-server-strip .icon{width:30px;height:30px;padding:7px;border-radius:8px;background:rgba(255,51,76,.13);color:#ff655f}.hero-server-strip span{display:grid}.hero-server-strip small{color:#9599a8;font-size:9px}.hero-server-strip strong{font-size:10px}.hero-server-strip>div:first-child strong{color:#ff4050}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:12px 0}.stat-card{min-height:104px;position:relative;display:flex;gap:12px;overflow:hidden;padding:16px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 100% 0,var(--tone-soft),transparent 60%),#12151e;box-shadow:0 12px 30px rgba(0,0,0,.16);transition:var(--ease)}.stat-card:hover{transform:translateY(-5px) scale(1.015);border-color:var(--tone);box-shadow:0 18px 36px var(--tone-shadow)}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--tone),var(--tone-dark));box-shadow:0 0 18px var(--tone-shadow)}.stat-icon .icon{width:23px;height:23px}.stat-copy{display:grid;align-content:start}.stat-copy>span{color:#b7bdc9;font-size:8.5px}.stat-copy>strong{font-size:21px}.stat-copy>small{position:absolute;left:16px;bottom:14px;color:#858c9d;font-size:8.5px}.stat-copy small b{color:var(--tone)}.sparkline{position:absolute;right:10px;bottom:12px;width:65px;height:25px;overflow:visible}.sparkline path{fill:none;stroke:var(--tone);stroke-width:2}.tone-violet{--tone:#a855f7;--tone-dark:#4c1d95;--tone-soft:rgba(139,92,246,.18);--tone-shadow:rgba(139,92,246,.25)}.tone-blue{--tone:#3b82f6;--tone-dark:#1746a2;--tone-soft:rgba(59,130,246,.17);--tone-shadow:rgba(59,130,246,.24)}.tone-green{--tone:#22c55e;--tone-dark:#126b35;--tone-soft:rgba(34,197,94,.16);--tone-shadow:rgba(34,197,94,.22)}.tone-orange{--tone:#f97316;--tone-dark:#9a3412;--tone-soft:rgba(249,115,22,.17);--tone-shadow:rgba(249,115,22,.22)}.tone-pink{--tone:#ec4899;--tone-dark:#831843;--tone-soft:rgba(236,72,153,.16);--tone-shadow:rgba(236,72,153,.22)}.tone-cyan{--tone:#06b6d4;--tone-dark:#0e7490;--tone-soft:rgba(6,182,212,.16);--tone-shadow:rgba(6,182,212,.22)}.tone-red{--tone:#ff3b4e;--tone-dark:#991b2e;--tone-soft:rgba(255,59,78,.16);--tone-shadow:rgba(255,59,78,.22)}.dashboard-main-grid{display:grid;grid-template-columns:1.15fr 1fr 1.15fr .72fr;gap:11px}.panel{min-width:0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(18,21,31,.98),rgba(12,15,24,.98));box-shadow:0 15px 40px rgba(0,0,0,.18);transition:var(--ease)}.panel:hover{border-color:rgba(255,255,255,.1);box-shadow:0 20px 45px rgba(0,0,0,.28)}.panel-title{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.panel-title h2{margin:0;font-size:11px}.panel-title>a,.panel-title>span{padding:4px 8px;border-radius:6px;background:#171b27;color:#9ba1b0;font-size:8px}.compact-players{padding:0 15px 8px}.compact-players>a{display:grid;grid-template-columns:30px minmax(0,1fr) 8px 54px 70px;align-items:center;gap:8px;min-height:43px;border-bottom:1px solid var(--line)}.compact-players>a:last-child{border:0}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--tone-soft);color:var(--tone);font-style:normal;font-weight:800;box-shadow:0 0 15px var(--tone-shadow)}.compact-players span{display:grid}.compact-players strong{font-size:9px}.compact-players small,.compact-players em{color:#8d93a2;font-size:8px;font-style:normal}.player-live{width:6px;height:6px;border-radius:50%;background:#28db73;box-shadow:0 0 8px #28db73}.activity-panel{padding:0 15px 8px}.activity-panel .panel-title{padding:0}.activity{min-height:43px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#191d28;color:#d9deea}.activity>i .icon{width:14px}.activity span{font-size:8.5px}.activity small{color:#737a8c;font-size:7.5px}.line-chart{height:202px;padding:5px 14px 10px}.line-chart svg{width:100%;height:165px;overflow:visible;border-bottom:1px solid rgba(255,255,255,.05);background:repeating-linear-gradient(to bottom,transparent 0,transparent 32px,rgba(255,255,255,.035) 33px)}.line-chart polyline{fill:none;stroke:#ff3150;stroke-width:1.5;filter:drop-shadow(0 0 4px #ff3150)}.chart-area{fill:url(#chartFill)}.line-chart circle{fill:#fff;stroke:#ff3150;stroke-width:1}.chart-labels{display:flex;justify-content:space-around;color:#8c92a2}.chart-labels small{font-size:7px}.dashboard-side{display:grid;gap:10px}.quick-panel{padding:0 10px 10px}.quick-panel .panel-title{padding:0 2px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quick-grid a{min-height:59px;display:grid;place-items:center;padding:7px 2px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:linear-gradient(145deg,#65172a,#28131d);text-align:center;transition:var(--ease)}.quick-grid a:nth-child(2),.quick-grid a:nth-child(4){background:linear-gradient(145deg,#71351b,#281a13)}.quick-grid a:nth-child(3){background:linear-gradient(145deg,#1749a5,#111c39)}.quick-grid a:nth-child(5){background:linear-gradient(145deg,#702b8e,#24122e)}.quick-grid a:nth-child(6){background:linear-gradient(145deg,#087b85,#102a32)}.quick-grid a:hover{transform:translateY(-3px);filter:brightness(1.25)}.quick-grid .icon{width:20px}.quick-grid span{font-size:7px}.server-panel{padding:0 11px 8px}.server-panel .panel-title{height:35px;padding:0}.server-panel .panel-title>b{color:#1ddd70;font-size:8px}.resource-row{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:6px;margin:5px 0}.resource-row small,.resource-row span{font-size:7px;color:#adb3c1}.resource-row>i{height:5px;overflow:hidden;border-radius:4px;background:#232838}.resource-row>i b{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#189de2,#3b82f6)}.resource-row:last-of-type>i b{background:linear-gradient(90deg,#55cf45,#22c55e)}.node-ok{color:#6e7585;font-size:7px}.node-ok::first-letter{color:#20e56d}.community-banner{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.15fr;align-items:center;gap:12px;margin-top:12px;padding:16px 20px;border:1px solid rgba(139,92,246,.16);border-radius:14px;background:radial-gradient(circle at 10% 50%,rgba(255,47,77,.13),transparent 30%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.12),transparent 30%),#0e101b}.community-intro{display:flex;gap:14px}.community-intro>span{font-size:38px}.community-intro strong,.community-feature strong,.discord-join strong{font-size:9px}.community-intro p{margin:3px 0 8px;color:#a5abba;font-size:7.5px}.community-intro .btn{min-height:29px;padding:6px 14px;font-size:8px}.community-feature{min-height:70px;display:flex;align-items:center;gap:10px;padding:11px;border-radius:9px;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(139,92,246,.1))}.community-feature>.icon{width:32px;height:32px;color:#6e7dff}.community-feature span,.discord-join span{display:grid}.community-feature small,.discord-join small{color:#9299aa;font-size:7px}.discord-join{display:grid;grid-template-columns:38px 1fr;gap:4px 10px}.discord-join>.icon{grid-row:1/3;width:34px;height:34px;color:#9d67ff}.discord-join>a{grid-column:2;width:max-content;margin-top:5px;padding:6px 11px;border-radius:5px;background:#843cff;font-size:8px}.footer{display:none}.floating-panel{position:absolute;z-index:100;width:285px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(18,20,29,.98);box-shadow:0 20px 60px #000;animation:panelIn .2s ease}.floating-panel[hidden]{display:none}.floating-panel strong{display:block;margin-bottom:8px}.floating-panel p,.floating-panel a,.panel-item{display:block;padding:7px 0;color:#aeb4c0;font-size:11px}.panel-item{display:flex;justify-content:space-between;border-top:1px solid var(--line)}.panel-item small{color:#707787}.search-dropdown{position:absolute;left:0;right:0;top:49px;display:none;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#12141d;box-shadow:0 20px 50px #000}.search-dropdown.open{display:block}.search-state{padding:16px;color:var(--muted)}.search-result{display:grid;grid-template-columns:34px 1fr auto;gap:10px;padding:10px;border-bottom:1px solid var(--line);cursor:pointer}.search-result:hover,.search-result.active{background:#1a1d27}.search-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#3b1623;color:#ff5870}.search-result div:nth-child(2){display:grid}.search-result small,.search-status{color:var(--muted);font-size:8px}.search-profile,.mini{align-self:center;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:#20232d;color:#fff}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.page-head h1{margin:0;font-size:28px}.page-head p,.muted{color:var(--muted)}.panel:not(.online-panel):not(.activity-panel):not(.chart-panel):not(.quick-panel):not(.server-panel){padding:20px}.table-wrap,.v2-table-wrap{overflow:auto;border-radius:10px}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{padding:12px;text-align:left;color:#737b8e;font-size:9px;letter-spacing:.5px;background:#0d1017}.data-table td{padding:12px;border-bottom:1px solid var(--line);font-size:11px}.data-table tr:hover td{background:#171a21}.v2-player{display:flex;align-items:center;gap:8px}.v2-player i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#431523;color:#ff5970;font-style:normal}.v2-status{padding:4px 7px;border-radius:10px;background:#32141c;color:#ff5e70;font-size:8px}.v2-status.online{background:#102b1b;color:#31dd77}.settings-form,.application-form{display:grid;gap:14px}.settings-form label,.application-form label{display:grid;gap:6px}.settings-form input,.settings-form select,.settings-form textarea,.application-form input,.application-form select,.application-form textarea,.search input,.filter-bar input,.filter-bar select{min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;outline:0;background:#0d1016;color:#fff}.settings-form input:focus,.application-form input:focus,.settings-form textarea:focus{border-color:rgba(255,59,59,.5)}.alert{padding:12px 15px;border:1px solid rgba(255,59,59,.2);border-radius:9px;background:rgba(255,59,59,.07)}.alert.success{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.08)}.btn{border:0;cursor:pointer}.v2-tabs,.filter-bar,.v2-head-actions,.v2-card-actions,.faction-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.v2-tabs a,.v2-head-actions a,.v2-card-actions a,.faction-actions a{padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:#151820}.v2-tabs a.active{background:var(--red);border-color:var(--red)}.profile-grid,.asset-grid,.staff-grid,.staff-manage-grid,.v2-module-grid,.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.profile-hero,.asset-card,.staff-card,.staff-manage-card,.v2-module-card,.faction-card,.application-hero{border:1px solid var(--line);border-radius:13px;background:#121317;overflow:hidden}.profile-hero,.asset-card,.staff-card,.staff-manage-card,.v2-module-card{padding:20px}.faction-cover{min-height:150px;padding:18px;background:linear-gradient(0deg,#101117,transparent),url('../img/gz-v2-services.webp') center/cover}.faction-content{padding:16px}.application-hero{min-height:210px;display:flex;flex-direction:column;justify-content:end;padding:25px;background:linear-gradient(90deg,rgba(8,8,8,.9),transparent),url('../img/gz-v2-services.webp') center/cover}.character-card{display:flex;gap:15px}.character-portrait{width:100px;height:120px;border-radius:12px;overflow:hidden;background:#191c22}.character-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;flex:1}.character-details>div{padding:9px;border-radius:7px;background:#0d0f15}.character-details span{display:block;color:var(--muted);font-size:8px}.empty-state{padding:22px;color:var(--muted)}.is-loading{opacity:.6;pointer-events:none}@keyframes panelIn{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}@keyframes riseIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.hero-banner,.stat-card,.panel,.community-banner{animation:riseIn .45s both}.stat-card:nth-child(2){animation-delay:.04s}.stat-card:nth-child(3){animation-delay:.08s}.stat-card:nth-child(4){animation-delay:.12s}.stat-card:nth-child(5){animation-delay:.16s}.stat-card:nth-child(6){animation-delay:.2s}
html.sidebar-collapsed{--sidebar:72px}html.sidebar-collapsed .brand-mark{width:72px}html.sidebar-collapsed .brand-mark span,html.sidebar-collapsed .sidebar nav a span,html.sidebar-collapsed .sidebar nav a b,html.sidebar-collapsed .nav-title,html.sidebar-collapsed .discord-card strong,html.sidebar-collapsed .discord-card span{display:none}html.sidebar-collapsed .brand-mark img{width:49px}html.sidebar-collapsed .sidebar nav a{justify-content:center}html.sidebar-collapsed .v2-collapse{left:59px}html.sidebar-collapsed .discord-card{display:flex;justify-content:center;padding:10px 5px}
@media(max-width:1350px){.stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-side{grid-template-columns:1fr 1fr}.community-banner{grid-template-columns:1.4fr repeat(3,1fr)}.discord-join{grid-column:1/-1}.header-metrics{display:none}}
@media(max-width:1050px){:root{--sidebar:0px}.top-shell{left:0;grid-template-columns:44px minmax(220px,1fr) auto auto}.brand-mark{position:static;width:auto}.brand-mark span{display:none}.brand-mark img{width:42px;height:42px}.top-shell{grid-template-columns:44px 45px minmax(200px,1fr) auto auto}.workspace{grid-template-columns:1fr}.content{grid-column:1}.sidebar{width:250px;transform:translateX(-105%);transition:var(--ease)}.sidebar.open{transform:none}.v2-collapse{display:none}.hero-server-strip{width:75%}.community-banner{grid-template-columns:repeat(2,1fr)}.community-intro{grid-column:1/-1}}
@media(max-width:720px){:root{--topbar:128px}.top-shell{height:var(--topbar);grid-template-columns:42px 42px 1fr auto;padding:10px 12px;gap:8px}.global-search{grid-column:1/-1;grid-row:2}.quick-actions button:nth-child(n+3){display:none}.user-chip div,.user-chip button{display:none}.user-chip{min-width:auto;padding-left:8px}.user-chip>i{width:38px;height:38px}.content{padding:10px}.hero-banner{min-height:470px;background-position:70% center}.hero-copy{padding:35px 20px}.hero-copy h1{font-size:34px}.hero-copy p br{display:none}.hero-brand{display:none}.hero-server-strip{left:12px;right:12px;bottom:12px;width:auto;grid-template-columns:1fr 1fr}.hero-server-strip>div{border:0}.stat-grid,.dashboard-main-grid{grid-template-columns:1fr}.stat-card{min-height:112px}.dashboard-side{grid-template-columns:1fr}.community-banner{grid-template-columns:1fr;padding:14px}.community-intro{grid-column:auto}.community-feature{display:none}.compact-players>a{grid-template-columns:30px minmax(0,1fr) 8px 45px}.compact-players em{display:none}.activity{grid-template-columns:29px minmax(0,1fr)}.activity small{display:none}.page-head{align-items:start;flex-direction:column}.panel:not(.online-panel):not(.activity-panel):not(.chart-panel):not(.quick-panel):not(.server-panel){padding:14px}.character-card{flex-direction:column}.character-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Secondary page component system */
.content>.page-head{min-height:180px;position:relative;overflow:hidden;align-items:flex-end;padding:26px 28px;border:1px solid var(--line);border-radius:16px;background-image:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.4)),url('../img/gz-v2-services.webp');background-size:cover;background-position:center;box-shadow:0 18px 50px rgba(0,0,0,.25)}.content>.page-head:before{content:"GOODZONE / " attr(data-section);position:absolute;left:28px;top:20px;color:#ff5265;font-size:8px;font-weight:800;letter-spacing:1.2px}.content>.page-head h1{font-size:clamp(25px,3vw,38px);letter-spacing:-1px}.content>.page-head p{max-width:620px;margin:5px 0 0}.page-staff .content>.page-head,.page-factions .content>.page-head,.page-complaints .content>.page-head,.page-bans .content>.page-head,.page-warnings .content>.page-head{background-image:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.24)),url('../img/gz-cover-staff-factions.png')}.page-houses .content>.page-head,.page-businesses .content>.page-head,.page-marketplace .content>.page-head{background-image:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.22)),url('../img/gz-cover-properties-business.png')}.page-vehicles .content>.page-head,.page-dealership .content>.page-head{background-image:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.3)),url('../img/gz-v2-drift.webp')}.page-players .content>.page-head,.page-online .content>.page-head,.page-profile .content>.page-head{background-image:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.28)),url('../img/goodzone-city-bg-2026.png')}.page-tickets .content>.page-head,.page-support .content>.page-head,.page-logs .content>.page-head,.page-settings .content>.page-head,.page-backups .content>.page-head{background-image:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.32)),url('../img/gz-v2-services.webp')}.ui-state,.placeholder{display:grid;place-items:center;min-height:230px;margin-top:12px;padding:28px;border:1px dashed rgba(139,92,246,.28);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.12),transparent 55%),#10131d;text-align:center}.ui-state strong,.placeholder h2{font-size:18px}.ui-state p,.placeholder p{max-width:540px;color:var(--muted)}.ui-state-error{border-color:rgba(249,115,22,.35);background:radial-gradient(circle at 50% 0,rgba(249,115,22,.1),transparent 55%),#131219}.search{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(120px,180px)) auto;gap:9px;margin-bottom:15px}.search button{padding:0 18px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--red),#c51e53);color:#fff;font-weight:700;cursor:pointer}.v2-module-card{position:relative;overflow:hidden;padding:0!important}.v2-module-art{height:150px;display:grid;place-items:center;background:linear-gradient(0deg,#121317,transparent),url('../img/gz-v2-services.webp') center/cover}.v2-module-vehicles .v2-module-art{background-image:linear-gradient(0deg,#121317,transparent),url('../img/gz-v2-drift.webp')}.v2-module-houses .v2-module-art,.v2-module-businesses .v2-module-art{background-image:linear-gradient(0deg,#121317,transparent),url('../img/gz-cover-properties-business.png')}.v2-module-art .icon{width:42px;height:42px;padding:10px;border-radius:12px;background:rgba(7,8,17,.7);color:#ff5267}.v2-module-copy,.v2-module-card dl,.v2-module-card .v2-card-actions{padding-left:16px;padding-right:16px}.v2-module-copy h3{margin:3px 0}.v2-module-copy small{color:#ff5267;font-size:8px}.v2-module-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v2-module-card dl div{padding:8px;border-radius:7px;background:#0d1017}.v2-module-card dt{color:var(--muted);font-size:7px}.v2-module-card dd{margin:2px 0 0;font-size:10px}.v2-pagination{display:flex;gap:6px;margin-top:14px}.v2-pagination a{min-width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#151821}.v2-pagination a.active{background:var(--red);border-color:var(--red)}.profile-hero{min-height:220px;display:flex;align-items:end;gap:20px;margin-bottom:12px;padding:25px;background:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.25)),url('../img/goodzone-city-bg-2026.png') center/cover}.profile-hero h1{margin:0;font-size:34px}.profile-hero .btn{margin-left:auto}.profile-stats,.v2-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px}.mini-stat{min-height:88px;padding:15px;border:1px solid var(--line);border-radius:11px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 55%),#12151e}.mini-stat span{display:block;color:var(--muted);font-size:8px}.mini-stat strong{font-size:20px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.info-row span{color:var(--muted);font-size:9px}.staff-card{position:relative}.staff-card>i{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#8b1732,#2d1020);box-shadow:0 0 22px rgba(255,51,78,.18);font-style:normal;font-size:18px}.staff-card:after{content:"";position:absolute;right:18px;top:18px;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 9px #22c55e}.role-badge{width:max-content;padding:4px 8px;border-radius:10px;background:rgba(139,92,246,.14);color:#b99bff;font-size:8px}.role-badge.founder{background:rgba(250,204,21,.12);color:#facc15}.faction-card{transition:var(--ease)}.faction-card:hover{transform:translateY(-5px);border-color:var(--faction)}.faction-cover{display:flex;align-items:end;justify-content:space-between}.faction-content h2{margin:0 0 8px}.faction-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(90deg,rgba(7,8,17,.25),rgba(7,8,17,.84)),url('../img/goodzone-hero-2026.png') center/cover fixed}.login-shell{width:min(1050px,100%);min-height:620px;display:grid;grid-template-columns:1.2fr .85fr;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(7,8,17,.75);box-shadow:0 40px 100px rgba(0,0,0,.55);backdrop-filter:blur(15px)}.login-story{display:flex;flex-direction:column;justify-content:end;padding:45px;background:linear-gradient(0deg,rgba(7,8,17,.92),rgba(7,8,17,.2))}.login-story h2{margin:10px 0;font-size:42px;line-height:1.05}.login-story h2 em{color:#ff4059;font-style:normal}.login-story p{max-width:480px;color:#b2b7c3}.login-eyebrow{color:#ff5265;font-size:9px;font-weight:800;letter-spacing:2px}.login-benefits{display:grid;gap:10px;margin:20px 0}.login-benefits span{display:flex;align-items:center;gap:10px}.login-benefits b{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:rgba(255,51,78,.13);color:#ff5265}.login-server{display:flex;align-items:center;gap:10px}.login-server i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}.login-server span{display:grid}.login-server small{color:var(--muted)}.login-card{padding:45px;background:rgba(12,15,26,.92)}.brand.big{display:flex;align-items:center;gap:10px;margin-bottom:50px}.brand.big>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ff334e,#691229);font-size:22px;font-weight:800}.brand.big strong{font-size:18px}.brand.big strong>span{color:#ff334e}.brand.big em{display:block;color:var(--muted);font-size:7px;font-style:normal}.login-card h1{margin-bottom:4px}.login-card>p{color:var(--muted)}.login-card form{display:grid;gap:14px}.login-card form label{display:grid;gap:6px}.login-card input{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#0a0c13;color:#fff}.remember-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.remember-row input{min-height:auto}.login-card button{min-height:44px;border:0;border-radius:8px;background:linear-gradient(135deg,#ff334e,#ff5f73);color:#fff;font-weight:800;cursor:pointer}.login-help{display:block;margin-top:15px;color:var(--muted)}
@media(max-width:720px){.content>.page-head{min-height:165px;padding:22px 18px}.search{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-card{padding:28px 22px}.auth-body{padding:15px}.brand.big{margin-bottom:32px}.profile-hero{align-items:start;flex-direction:column}.profile-hero .btn{margin-left:0}.v2-module-card dl{grid-template-columns:1fr}}
.staff-center-head{background-image:linear-gradient(90deg,rgba(7,8,17,.96),rgba(7,8,17,.2)),url('../img/gz-cover-staff-factions.png')!important}.staff-center-head .v2-live{position:static;align-self:flex-start;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(34,197,94,.25);border-radius:20px;background:rgba(10,35,23,.75);color:#44e887;font-size:8px;font-weight:800}.staff-center-head .v2-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 9px #22c55e}.center-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:12px 0}.center-stat{min-height:118px;position:relative;display:grid;align-content:start;padding:15px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 100% 0,var(--tone-soft),transparent 58%),#12151e;transition:var(--ease)}.center-stat:hover{transform:translateY(-4px);border-color:var(--tone)}.center-stat>i{width:34px;height:34px;display:grid;place-items:center;margin-bottom:8px;border-radius:9px;background:var(--tone-soft);color:var(--tone)}.center-stat>i .icon{width:18px}.center-stat span{color:var(--muted);font-size:8px;text-transform:uppercase}.center-stat strong{font-size:22px}.center-stat small{position:absolute;right:12px;bottom:10px;color:var(--tone);font-size:7px}.center-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.center-actions,.center-activity{padding:0 16px 14px!important}.center-actions .panel-title,.center-activity .panel-title{padding-left:0;padding-right:0}.center-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.center-action-grid a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#0e111a;transition:var(--ease)}.center-action-grid a:hover{transform:translateX(4px);border-color:rgba(255,59,78,.3);background:#171b26}.center-action-grid a>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(255,51,78,.11);color:#ff5265}.center-action-grid a>i .icon{width:18px}.center-action-grid a span{display:grid}.center-action-grid a small{color:var(--muted);font-size:8px}.center-action-grid a>b{color:#ff5265}@media(max-width:1200px){.center-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.center-stat-grid{grid-template-columns:repeat(2,1fr)}.center-layout{grid-template-columns:1fr}.center-action-grid{grid-template-columns:1fr}}