@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&family=Rubik:wght@600;700;800&family=VT323&display=swap');
:root{--ink:#17171c;--panel:#222129;--panel2:#2b2a34;--text:#f8f5ef;--muted:#aaa7b3;--line:#3b3945;--pink:#d9457f;--teal:#0f8f86;--yellow:#f0b429;--violet:#4f46c8;--paper:#f5f2ec;--danger:#d64747}*{box-sizing:border-box}html{direction:rtl}body{margin:0;font-family:Heebo,sans-serif;background:#111116;color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer}.admin-layout{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:var(--ink);border-inline-end:1px solid #2c2b35;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;font:700 1rem Rubik}.admin-brand__mark{width:34px;height:34px;border-radius:8px;background:var(--pink);display:grid;place-items:center;font:1.6rem VT323}.sidebar small{color:#716e7b;font-size:.7rem;padding:10px 10px 6px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:10px 12px;border-radius:9px;color:var(--muted);display:flex;align-items:center;gap:10px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel2);color:#fff}.sidebar nav a.active{box-shadow:inset -3px 0 var(--pink)}.sidebar__footer{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.main{min-width:0;padding:0 30px 40px}.admin-topbar{height:72px;display:flex;align-items:center;border-bottom:1px solid #292831;margin-bottom:28px}.admin-topbar h1{font:700 1rem Rubik;margin:0}.admin-topbar__spacer{flex:1}.admin-topbar a{color:var(--muted);font-size:.85rem}.admin-page-heading{display:flex;align-items:end;gap:18px;margin-bottom:22px}.admin-page-heading h1,h1{font:800 2rem Rubik;margin:0}.admin-page-heading p{margin:4px 0 0;color:var(--muted)}.admin-page-heading .btn{margin-inline-start:auto}.dashboard-grid,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat-card,.card,.panel,.ri-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px}.stat-card small,.card small{color:var(--muted)}.stat-card .value,.card .value{font:2.2rem VT323;margin-top:5px}.stat-card:nth-child(1){border-top:3px solid var(--pink)}.stat-card:nth-child(2){border-top:3px solid var(--teal)}.stat-card:nth-child(3){border-top:3px solid var(--yellow)}.stat-card:nth-child(4){border-top:3px solid var(--violet)}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel h3{font:700 1rem Rubik;margin:0 0 16px}.game-list{display:grid;gap:9px}.game-item{display:flex;align-items:center;gap:12px;padding:9px;border-radius:10px;background:#1b1a21}.game-item img{width:48px;height:48px;object-fit:cover;border-radius:7px;background:#111}.game-meta{flex:1;color:var(--muted);font-size:.8rem}.game-meta strong{display:block;color:#fff;font-size:.9rem}.badge,.ri-chip{display:inline-flex;border-radius:999px;padding:3px 9px;background:var(--violet);font-size:.75rem}.badge.alt{background:var(--teal)}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel2);color:#fff;border-radius:9px;padding:8px 13px;text-decoration:none}.btn:hover{border-color:#676474}.btn-primary{background:var(--pink);border-color:var(--pink)}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-sm{padding:5px 9px;font-size:.8rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1/-1}.form-group label,label{font-size:.8rem;color:var(--muted);margin-bottom:5px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#19181f;color:#fff}textarea{resize:vertical;line-height:1.6}.form-actions{display:flex;gap:10px;margin-top:18px}table,.admin-table,.table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:13px;overflow:hidden}th,td{padding:11px 12px;text-align:right;border-bottom:1px solid var(--line);font-size:.86rem}th{color:var(--muted);font-weight:500;background:#1c1b22}tr:last-child td{border-bottom:0}.table-responsive{overflow:auto}.admin-alert{padding:11px 13px;border:1px solid #6f2e48;background:#3a1e2a;color:#ffc3d9;border-radius:9px;margin-bottom:15px}.admin-success{border-color:#24665f;background:#173b38;color:#a6e8e3}.admin-login{min-height:100vh;display:grid;grid-template-columns:minmax(340px,500px) 1fr;background:var(--paper);color:var(--ink)}.admin-login__form{display:grid;place-items:center;padding:40px}.admin-login__card{width:min(380px,100%)}.admin-login__card h1{font-size:2.2rem;margin:20px 0 5px}.admin-login__card p{color:#696672}.admin-login__card form{display:grid;gap:14px;margin-top:26px}.admin-login__card input{background:#fff;color:var(--ink);border-color:#d8d1c5}.admin-login__aside{background:var(--ink);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:end}.admin-login__aside span{font:10rem VT323;color:var(--pink)}.admin-login__aside h2{font:800 2.8rem Rubik;max-width:600px}.mobile-admin-toggle{display:none}@media(max-width:900px){.admin-layout{grid-template-columns:78px 1fr}.sidebar{padding-inline:10px}.admin-brand__name,.sidebar nav a span,.sidebar small{display:none}.sidebar nav a{justify-content:center;font-size:1.2rem}.main{padding-inline:18px}.dashboard-grid,.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:600px){.admin-layout{display:block}.sidebar{position:static;height:auto;display:block}.sidebar nav{display:flex;overflow:auto}.admin-brand{padding-bottom:10px}.sidebar__footer,.sidebar small{display:none}.main{padding:0 13px 30px}.admin-topbar{margin-bottom:18px}.dashboard-grid,.cards,.form-grid{grid-template-columns:1fr 1fr}.form-group.full{grid-column:1/-1}.admin-login{grid-template-columns:1fr}.admin-login__aside{display:none}.admin-login__form{padding:24px}.admin-page-heading{align-items:flex-start;flex-wrap:wrap}.admin-page-heading .btn{margin:0}}
/* Content tools */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.media-grid a{display:grid;gap:7px}.media-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;background:#111}.media-grid span{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-admin{display:flex;gap:9px;flex-wrap:wrap}.timeline-admin a{width:105px;padding:12px;border-radius:10px;background:#19181f;border:1px solid var(--line)}.timeline-admin strong,.timeline-admin span{display:block}.timeline-admin strong{font:1.6rem VT323}.timeline-admin span{font-size:.75rem;color:var(--muted)}.main table img{width:48px;height:48px;object-fit:cover;border-radius:7px}.main hr{border:0;border-top:1px solid var(--line);margin:24px 0}.main form{margin:0}