body{margin:0;font-family:Cairo,Arial;background:#0b0b0d;color:#fff}a{color:inherit;text-decoration:none}.login{min-height:100vh;display:grid;place-items:center}.box,.panel{background:#151518;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.35)}input,textarea,select{width:100%;box-sizing:border-box;margin:8px 0 14px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0c0c0e;color:#fff}.btn{display:inline-block;border:none;padding:11px 16px;border-radius:999px;background:#e30613;color:#fff;font-weight:800;cursor:pointer}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#070707;border-left:1px solid rgba(255,255,255,.1);padding:22px}.side h2{color:#e30613}.side a{display:block;padding:12px;border-radius:12px;color:#bbb}.side a:hover{background:#17171a;color:#fff}.main{padding:26px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#151518;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px}.stat strong{display:block;font-size:2rem;color:#f7b731}table{width:100%;border-collapse:collapse;background:#151518;border-radius:18px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:start}th{color:#f7b731}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.thumb{width:80px;height:60px;object-fit:cover;border-radius:10px}@media(max-width:850px){.layout{grid-template-columns:1fr}.side{position:relative}.grid{grid-template-columns:1fr 1fr}}