body{margin:0;font-family:Vazir,Tahoma,Arial;direction:rtl;background:#f5f6fa;color:#171b2d}.side{position:fixed;right:0;top:0;width:240px;height:100vh;background:#171b32;color:#fff;padding:25px}.side a{display:block;color:#fff;text-decoration:none;padding:12px;border-radius:9px}.side a:hover{background:#2a3053}.main{margin-right:240px;padding:32px}.box{background:#fff;border-radius:16px;padding:24px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.n{font-size:30px;font-weight:bold}input{width:100%;padding:12px;margin:7px 0;border:1px solid #ddd;border-radius:10px}button{padding:12px 18px;background:#171b32;color:#fff;border:0;border-radius:10px}