/* =============================================
   EUPHORIC ADMIN — styles.css v20
   Dark violet glassmorphism design
   ============================================= */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --bg: #08030f;
    --bg2: #0d0719;
    --bg3: #130a22;
    --glass: rgba(20, 10, 38, 0.85);
    --glass-border: rgba(167, 139, 250, 0.18);
    --glass-border-h: rgba(167, 139, 250, 0.45);
    --purple: #7c3aed;
    --purple-light: #a855f7;
    --purple-glow: rgba(124, 58, 237, 0.45);
    --cyan: #22d3ee;
    --green: #22c55e;
    --red: #f87171;
    --orange: #fb923c;
    --text: #e5e7eb;
    --text-muted: #9ca3af;
    --text-dim: #6b7280;
    --sidebar-w: 240px;
    --topbar-h: 60px;
    --radius: 14px;
    --radius-sm: 8px;
    --transition: 0.22s cubic-bezier(.4,0,.2,1);
}
html { font-size: 15px; }
body { font-family:'Inter',system-ui,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; min-height:100vh; }
.hidden { display:none !important; }

/* TOAST */
#toast-container { position:fixed; bottom:1.5rem; right:1.5rem; display:flex; flex-direction:column-reverse; gap:.6rem; z-index:9999; }
.toast { display:flex; align-items:center; gap:.6rem; padding:.7rem 1.1rem; border-radius:var(--radius-sm); backdrop-filter:blur(12px); background:var(--glass); border:1px solid var(--glass-border); font-size:.88rem; min-width:220px; max-width:340px; animation:toastIn .28s cubic-bezier(.4,0,.2,1); box-shadow:0 8px 32px rgba(0,0,0,.55); }
.toast.success { border-left:3px solid var(--green); }
.toast.error   { border-left:3px solid var(--red); }
.toast.info    { border-left:3px solid var(--purple-light); }
@keyframes toastIn { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }

/* MODAL */
.modal-overlay { position:fixed; inset:0; background:rgba(5,2,12,.75); backdrop-filter:blur(6px); z-index:1000; display:flex; align-items:center; justify-content:center; animation:fadeIn .2s ease; }
.modal-box { background:var(--bg3); border:1px solid var(--glass-border-h); border-radius:var(--radius); width:min(560px,96vw); box-shadow:0 24px 80px rgba(0,0,0,.7); animation:scaleIn .22s cubic-bezier(.4,0,.2,1); }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes scaleIn { from{opacity:0;transform:scale(.93)} to{opacity:1;transform:none} }
.modal-header { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.4rem; border-bottom:1px solid var(--glass-border); }
.modal-title { font-weight:700; font-size:1.05rem; }
.modal-close { background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:1rem; padding:.2rem .4rem; border-radius:6px; transition:background var(--transition); }
.modal-close:hover { background:rgba(255,255,255,.08); color:var(--text); }
.modal-body { padding:1.4rem; }
.modal-footer { padding:1rem 1.4rem; border-top:1px solid var(--glass-border); display:flex; justify-content:flex-end; gap:.6rem; }
.modal-field { display:flex; flex-direction:column; gap:.3rem; margin-bottom:.9rem; }
.modal-field label { font-size:.78rem; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:.05em; }
.modal-field input,.modal-field select,.modal-field textarea { width:100%; }
.modal-field textarea { min-height:80px; resize:vertical; }

/* LOGIN */
.login-screen { min-height:100vh; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.22) 0%,transparent 65%),var(--bg); }
.login-card { width:min(400px,94vw); background:var(--glass); border:1px solid var(--glass-border); border-radius:calc(var(--radius) + 4px); padding:2.2rem 2rem; backdrop-filter:blur(16px); box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 60px var(--purple-glow); }
.login-brand { text-align:center; margin-bottom:1.8rem; }
.login-logo { width:64px; height:64px; border-radius:14px; border:1px solid var(--glass-border-h); background:var(--bg3); object-fit:contain; margin:0 auto .9rem; display:block; }
.login-title { font-size:1.5rem; font-weight:800; letter-spacing:-.02em; }
.login-title span { color:var(--purple-light); }
.login-sub { font-size:.85rem; color:var(--text-muted); margin-top:.2rem; }
.login-form { display:flex; flex-direction:column; gap:1rem; }
.field-wrap { display:flex; flex-direction:column; gap:.3rem; }
.field-wrap label { font-size:.8rem; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:.05em; }
input,select,textarea { background:rgba(8,3,15,.7); border:1px solid var(--glass-border); border-radius:var(--radius-sm); color:var(--text); padding:.6rem .85rem; font-size:.9rem; font-family:inherit; transition:border-color var(--transition),box-shadow var(--transition); outline:none; }
input:focus,select:focus,textarea:focus { border-color:var(--purple-light); box-shadow:0 0 0 3px rgba(168,85,247,.18); }
select { cursor:pointer; }
.pass-wrap { position:relative; }
.pass-wrap input { padding-right:2.8rem; }
.pass-toggle { position:absolute; right:.5rem; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:1rem; }
.btn-login { background:linear-gradient(135deg,var(--purple),var(--purple-light)); color:#fff; border:none; border-radius:var(--radius-sm); padding:.75rem; font-size:.95rem; font-weight:700; cursor:pointer; transition:transform var(--transition),box-shadow var(--transition); box-shadow:0 4px 20px var(--purple-glow); margin-top:.4rem; }
.btn-login:hover { transform:translateY(-1px); box-shadow:0 8px 28px var(--purple-glow); }
.login-error { font-size:.85rem; color:var(--red); background:rgba(248,113,113,.1); border:1px solid rgba(248,113,113,.3); border-radius:var(--radius-sm); padding:.5rem .75rem; text-align:center; }

/* SHELL */
.admin-shell { display:flex; min-height:100vh; }

/* SIDEBAR */
.sidebar { width:var(--sidebar-w); min-height:100vh; background:linear-gradient(180deg,rgba(20,10,38,.97) 0%,rgba(13,7,25,.97) 100%); border-right:1px solid var(--glass-border); display:flex; flex-direction:column; position:fixed; left:0; top:0; z-index:100; transition:width var(--transition),transform var(--transition); overflow:hidden; }
.sidebar.collapsed { width:64px; }
.sidebar-top { display:flex; align-items:center; justify-content:space-between; padding:1.1rem 1rem; border-bottom:1px solid var(--glass-border); min-height:64px; }
.sidebar-brand { display:flex; align-items:center; gap:.7rem; overflow:hidden; }
.sidebar-logo-img { width:36px; height:36px; flex-shrink:0; border-radius:10px; border:1px solid var(--glass-border-h); background:var(--bg3); object-fit:contain; }
.sidebar-name { font-size:.95rem; font-weight:700; white-space:nowrap; }
.sidebar-sub { font-size:.72rem; color:var(--text-muted); white-space:nowrap; }
.sidebar-collapse { background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:1.1rem; padding:.25rem .4rem; border-radius:6px; flex-shrink:0; transition:background var(--transition),transform var(--transition); }
.sidebar-collapse:hover { background:rgba(255,255,255,.07); }
.sidebar.collapsed .sidebar-collapse { transform:rotate(180deg); }
.sidebar-nav { flex:1; overflow-y:auto; padding:.8rem .6rem; display:flex; flex-direction:column; gap:.1rem; }
.sidebar-nav::-webkit-scrollbar { width:4px; }
.sidebar-nav::-webkit-scrollbar-thumb { background:var(--glass-border); border-radius:2px; }
.nav-group-label { font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--text-dim); padding:.7rem .5rem .25rem; white-space:nowrap; overflow:hidden; }
.sidebar.collapsed .nav-group-label { opacity:0; }
.nav-item { display:flex; align-items:center; gap:.7rem; background:none; border:1px solid transparent; color:var(--text-muted); padding:.55rem .6rem; border-radius:var(--radius-sm); cursor:pointer; font-size:.88rem; font-weight:500; text-align:left; width:100%; transition:background var(--transition),color var(--transition),border-color var(--transition); white-space:nowrap; overflow:hidden; }
.nav-item:hover { background:rgba(255,255,255,.05); color:var(--text); }
.nav-item.active { background:rgba(124,58,237,.18); border-color:rgba(124,58,237,.45); color:#fff; }
.nav-icon { font-size:1rem; flex-shrink:0; width:20px; text-align:center; }
.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-name,.sidebar.collapsed .sidebar-sub { display:none; }
.sidebar-footer { padding:.8rem .7rem; border-top:1px solid var(--glass-border); }
.btn-logout { width:100%; background:rgba(248,113,113,.1); border:1px solid rgba(248,113,113,.3); color:var(--red); border-radius:var(--radius-sm); padding:.55rem; cursor:pointer; font-size:.85rem; font-weight:600; transition:background var(--transition); white-space:nowrap; overflow:hidden; }
.btn-logout:hover { background:rgba(248,113,113,.18); }

/* MAIN AREA */
.main-area { flex:1; margin-left:var(--sidebar-w); display:flex; flex-direction:column; min-height:100vh; transition:margin-left var(--transition); }
.sidebar.collapsed ~ .main-area { margin-left:64px; }
.main-topbar { height:var(--topbar-h); background:rgba(8,3,15,.85); backdrop-filter:blur(12px); border-bottom:1px solid var(--glass-border); display:flex; align-items:center; justify-content:space-between; padding:0 1.5rem; position:sticky; top:0; z-index:50; }
.topbar-left { display:flex; align-items:center; gap:.8rem; }
.menu-toggle { background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:1.2rem; display:none; }
.breadcrumb { font-size:.9rem; font-weight:600; color:var(--text); }
.topbar-right { display:flex; align-items:center; gap:1rem; }
.online-badge { display:flex; align-items:center; gap:.4rem; font-size:.82rem; color:var(--text-muted); background:rgba(34,197,94,.08); border:1px solid rgba(34,197,94,.2); padding:.3rem .7rem; border-radius:999px; }
.online-dot { width:7px; height:7px; background:var(--green); border-radius:50%; animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.topbar-avatar { font-size:.82rem; font-weight:600; background:rgba(124,58,237,.2); border:1px solid rgba(124,58,237,.4); padding:.3rem .8rem; border-radius:999px; color:var(--purple-light); }

/* PANELS */
.panels { flex:1; padding:1.8rem; }
.panel { display:none; animation:panelIn .25s ease; }
.panel.active { display:block; }
@keyframes panelIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.panel-header { margin-bottom:1.5rem; }
.panel-header.between { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.panel-header h2 { font-size:1.4rem; font-weight:800; letter-spacing:-.02em; }
.panel-desc { font-size:.85rem; color:var(--text-muted); margin-top:.2rem; }

/* STAT CARDS */
.stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; margin-bottom:1.5rem; }
.stat-card { background:var(--glass); border:1px solid var(--glass-border); border-radius:var(--radius); padding:1.2rem 1.3rem; display:flex; align-items:center; gap:1rem; transition:transform var(--transition),border-color var(--transition); }
.stat-card:hover { transform:translateY(-2px); }
.stat-card.s-purple { border-left:3px solid var(--purple-light); }
.stat-card.s-cyan { border-left:3px solid var(--cyan); }
.stat-card.s-green { border-left:3px solid var(--green); }
.stat-card.s-orange { border-left:3px solid var(--orange); }
.stat-icon { font-size:1.6rem; }
.stat-label { font-size:.78rem; color:var(--text-muted); font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.stat-value { font-size:2rem; font-weight:800; line-height:1.1; margin-top:.1rem; }

/* GLASS CARD */
.glass-card { background:var(--glass); border:1px solid var(--glass-border); border-radius:var(--radius); backdrop-filter:blur(8px); }
.card-head { display:flex; align-items:center; justify-content:space-between; padding:.85rem 1.1rem; border-bottom:1px solid var(--glass-border); }
.card-head-title { font-size:.88rem; font-weight:700; }
.head-actions { display:flex; gap:.5rem; }

/* LOGO UPLOAD */
.dash-bottom { margin-top:1.5rem; }
.logo-card { overflow:hidden; }
.logo-upload-area { display:flex; align-items:center; gap:1.5rem; padding:1.2rem 1.1rem; flex-wrap:wrap; }
.logo-preview { width:80px; height:80px; border-radius:14px; border:1px solid var(--glass-border-h); background:var(--bg3); object-fit:contain; flex-shrink:0; }
.logo-upload-info { display:flex; flex-direction:column; gap:.5rem; }
.logo-upload-info p { font-size:.85rem; color:var(--text-muted); }

/* BUTTONS */
.btn-primary-sm { background:linear-gradient(135deg,var(--purple),var(--purple-light)); color:#fff; border:none; border-radius:var(--radius-sm); padding:.5rem 1.1rem; font-size:.85rem; font-weight:700; cursor:pointer; transition:transform var(--transition),box-shadow var(--transition); box-shadow:0 2px 12px var(--purple-glow); white-space:nowrap; }
.btn-primary-sm:hover { transform:translateY(-1px); box-shadow:0 6px 20px var(--purple-glow); }
.btn-file { display:inline-block; background:rgba(124,58,237,.15); border:1px solid rgba(124,58,237,.35); color:var(--purple-light); border-radius:var(--radius-sm); padding:.4rem .85rem; font-size:.82rem; font-weight:600; cursor:pointer; transition:background var(--transition); }
.btn-file:hover { background:rgba(124,58,237,.25); }
.btn-action { border:none; border-radius:var(--radius-sm); padding:.5rem .9rem; font-size:.82rem; font-weight:600; cursor:pointer; transition:transform var(--transition),opacity var(--transition); white-space:nowrap; }
.btn-action:hover { transform:translateY(-1px); opacity:.9; }
.btn-green  { background:rgba(34,197,94,.15);  border:1px solid rgba(34,197,94,.35);  color:var(--green); }
.btn-red    { background:rgba(248,113,113,.15); border:1px solid rgba(248,113,113,.35); color:var(--red); }
.btn-purple { background:rgba(168,85,247,.15);  border:1px solid rgba(168,85,247,.35);  color:var(--purple-light); }
.btn-cyan   { background:rgba(34,211,238,.12);  border:1px solid rgba(34,211,238,.3);   color:var(--cyan); }
.btn-orange { background:rgba(251,146,60,.12);  border:1px solid rgba(251,146,60,.3);   color:var(--orange); }
.btn-secondary { background:rgba(255,255,255,.06); border:1px solid var(--glass-border); color:var(--text); border-radius:var(--radius-sm); padding:.5rem 1rem; font-size:.85rem; font-weight:600; cursor:pointer; transition:background var(--transition); }
.btn-secondary:hover { background:rgba(255,255,255,.1); }

/* MEMBERS */
.search-bar-wrap { display:flex; gap:.6rem; margin-bottom:1.2rem; }
.search-bar-wrap input { flex:1; max-width:420px; border-radius:999px; padding:.55rem 1.1rem; }
.member-result { margin-bottom:1.5rem; display:flex; flex-direction:column; gap:1rem; }
.member-profile { display:flex; align-items:center; gap:1.4rem; padding:1.2rem 1.4rem; }
.member-avatar-wrap { position:relative; flex-shrink:0; }
.member-avatar { width:72px; height:72px; border-radius:14px; border:2px solid var(--glass-border-h); background:var(--bg3); object-fit:cover; }
.ban-badge { position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); background:var(--red); color:#fff; font-size:.6rem; font-weight:800; letter-spacing:.06em; padding:.1rem .4rem; border-radius:3px; white-space:nowrap; }
.member-nick { font-size:1.3rem; font-weight:800; }
.member-meta { display:flex; gap:.5rem; margin-top:.3rem; flex-wrap:wrap; }
.meta-pill { font-size:.72rem; font-weight:600; padding:.15rem .55rem; border-radius:999px; border:1px solid var(--glass-border); color:var(--text-muted); }
.vip-pill { border-color:rgba(168,85,247,.4); color:var(--purple-light); background:rgba(168,85,247,.08); }
.member-stats-row { display:flex; gap:1rem; margin-top:.5rem; flex-wrap:wrap; }
.stat-mini { font-size:.8rem; color:var(--text-muted); }
.stat-mini strong { color:var(--text); }
.member-actions-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.member-action-body { padding:1rem 1.1rem; display:flex; flex-direction:column; gap:.6rem; }
.action-row { display:flex; gap:.5rem; flex-wrap:wrap; }
.input-styled { background:rgba(8,3,15,.7); border:1px solid var(--glass-border); border-radius:var(--radius-sm); color:var(--text); padding:.5rem .75rem; font-size:.85rem; font-family:inherit; width:100%; transition:border-color var(--transition),box-shadow var(--transition); outline:none; }
.input-styled:focus { border-color:var(--purple-light); box-shadow:0 0 0 3px rgba(168,85,247,.18); }
.select-styled { background:rgba(8,3,15,.7); border:1px solid var(--glass-border); border-radius:var(--radius-sm); color:var(--text); padding:.5rem .75rem; font-size:.85rem; width:100%; cursor:pointer; outline:none; transition:border-color var(--transition); }
.select-styled:focus { border-color:var(--purple-light); }
.select-sm { background:rgba(8,3,15,.7); border:1px solid var(--glass-border); border-radius:var(--radius-sm); color:var(--text-muted); padding:.3rem .6rem; font-size:.78rem; cursor:pointer; outline:none; }
.member-history { padding:.9rem 1.1rem; min-height:80px; display:flex; flex-direction:column; gap:.4rem; }
.history-item { font-size:.8rem; padding:.3rem .5rem; border-radius:5px; background:rgba(255,255,255,.04); border-left:2px solid var(--glass-border-h); color:var(--text-muted); }
.history-item.type-ban { border-color:var(--red); }
.history-item.type-vip { border-color:var(--purple-light); }
.history-item.type-unban { border-color:var(--green); }
.members-table-card { margin-top:0; }
.data-table-wrap { padding:.5rem; overflow-x:auto; }
.members-table { width:100%; border-collapse:collapse; font-size:.85rem; }
.members-table th { text-align:left; padding:.6rem .8rem; color:var(--text-muted); font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; border-bottom:1px solid var(--glass-border); }
.members-table td { padding:.65rem .8rem; border-bottom:1px solid rgba(167,139,250,.07); }
.members-table tr:last-child td { border-bottom:none; }
.members-table tr:hover td { background:rgba(255,255,255,.03); }
.t-nick { font-weight:600; }
.t-vip { color:var(--purple-light); font-size:.8rem; }
.t-status-ok { color:var(--green); }
.t-status-ban { color:var(--red); }
.t-actions { display:flex; gap:.4rem; }
.t-btn { font-size:.75rem; padding:.2rem .55rem; border-radius:5px; cursor:pointer; border:1px solid; font-weight:600; transition:opacity .15s; background:none; }
.t-btn:hover { opacity:.8; }
.t-btn-view { color:var(--purple-light); border-color:rgba(168,85,247,.35); background:rgba(168,85,247,.1); }
.t-btn-ban  { color:var(--red);          border-color:rgba(248,113,113,.35); background:rgba(248,113,113,.1); }
.t-btn-unban{ color:var(--green);        border-color:rgba(34,197,94,.35);   background:rgba(34,197,94,.1); }

/* DATA GRID */
.data-grid { display:grid; gap:.9rem; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
.data-card { background:var(--glass); border:1px solid var(--glass-border); border-radius:var(--radius); padding:1.1rem 1.2rem; display:flex; flex-direction:column; gap:.6rem; transition:border-color var(--transition),transform var(--transition); }
.data-card:hover { border-color:var(--glass-border-h); transform:translateY(-1px); }
.data-card-top { display:flex; justify-content:space-between; align-items:flex-start; gap:.5rem; }
.data-card-name { font-weight:700; font-size:.95rem; }
.data-card-id { font-size:.72rem; color:var(--text-dim); font-family:'JetBrains Mono',monospace; }
.data-card-meta { font-size:.82rem; color:var(--text-muted); }
.data-card-actions { display:flex; gap:.4rem; margin-top:.3rem; }

/* FORM CARD */
.form-card { padding:1.4rem; display:flex; flex-direction:column; gap:1.2rem; }
.form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.field-wrap.full { grid-column:1/-1; }
.textarea-styled { background:rgba(8,3,15,.7); border:1px solid var(--glass-border); border-radius:var(--radius-sm); color:var(--text); padding:.6rem .85rem; font-size:.88rem; font-family:inherit; resize:vertical; min-height:100px; width:100%; transition:border-color var(--transition),box-shadow var(--transition); outline:none; }
.textarea-styled:focus { border-color:var(--purple-light); box-shadow:0 0 0 3px rgba(168,85,247,.18); }
.textarea-styled.mono { font-family:'JetBrains Mono',monospace; font-size:.82rem; }

.empty-text { font-size:.85rem; color:var(--text-dim); padding:1.2rem 0; text-align:center; display:block; }

/* DASH GRID */
.dash-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:1rem; margin-top:1.5rem; }
.activity-item { font-size:.8rem; padding:.3rem .5rem; border-radius:5px; background:rgba(255,255,255,.04); border-left:2px solid var(--glass-border-h); color:var(--text-muted); }
.activity-item.type-buy { border-color:var(--green); }
.activity-item.type-ban { border-color:var(--red); }
.activity-item.type-vip { border-color:var(--purple-light); }

/* ORDERS TABLE */
.orders-table { width:100%; border-collapse:collapse; font-size:.84rem; }
.orders-table th { text-align:left; padding:.55rem .8rem; color:var(--text-muted); font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; border-bottom:1px solid var(--glass-border); white-space:nowrap; }
.orders-table td { padding:.6rem .8rem; border-bottom:1px solid rgba(167,139,250,.06); vertical-align:middle; }
.orders-table tr:hover td { background:rgba(255,255,255,.03); }
.orders-table tr:last-child td { border-bottom:none; }
.o-status { font-size:.72rem; font-weight:700; padding:.15rem .5rem; border-radius:999px; }
.o-status-paid   { color:var(--green); background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.3); }
.o-status-pending{ color:var(--orange); background:rgba(251,146,60,.1); border:1px solid rgba(251,146,60,.3); }
.o-status-cancelled{ color:var(--red); background:rgba(248,113,113,.1); border:1px solid rgba(248,113,113,.3); }

/* SERVER PANEL */
.server-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; }
.server-status-body { padding:1rem 1.1rem; display:flex; flex-direction:column; gap:0; }
.server-status-row { display:flex; justify-content:space-between; align-items:center; padding:.45rem 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:.85rem; }
.server-status-row:last-of-type { border-bottom:none; }
.online-player-row { display:flex; align-items:center; gap:.6rem; padding:.4rem .5rem; border-radius:6px; font-size:.83rem; transition:background var(--transition); cursor:pointer; }
.online-player-row:hover { background:rgba(255,255,255,.05); }
.online-player-row img { width:22px; height:22px; border-radius:5px; }

/* TEXTS PANEL */
.texts-section-label { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--purple-light); margin:1.2rem 0 .7rem; border-bottom:1px solid rgba(168,85,247,.15); padding-bottom:.35rem; }

/* SETTINGS GRID */
.settings-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1rem; }

/* RESPONSIVE */
@media (max-width:800px) {
    .sidebar { transform:translateX(-100%); z-index:200; }
    .sidebar.mobile-open { transform:translateX(0); }
    .main-area { margin-left:0 !important; }
    .menu-toggle { display:block; }
    .panels { padding:1rem; }
    .member-actions-grid { grid-template-columns:1fr; }
    .stat-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
    .stat-grid,.data-grid { grid-template-columns:1fr; }
}