body{font-family:tahoma;direction:rtl;margin:0;background:#f4f6f9}
.hero{background:#d32f2f;color:#fff;text-align:center;padding:40px}
.container{padding:20px}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:12px;border:1px solid #eee;text-align:center}
th{background:#b71c1c;color:#fff}
.login-body{display:flex;justify-content:center;align-items:center;height:100vh;background:#fff}
.login-box{background:#fff;border:1px solid #ddd;padding:30px;width:300px;text-align:center}
.login-box input{width:100%;margin:10px 0;padding:10px}
.login-box button{background:#d32f2f;color:#fff;padding:10px;width:100%;border:none}
.admin-box{max-width:400px;margin:50px auto;background:#fff;padding:30px;border:1px solid #ddd}
.admin-box input{width:100%;padding:10px;margin:10px 0}
.admin-box button{background:#d32f2f;color:#fff;padding:10px;width:100%;border:none}
.logout{display:block;text-align:center;margin-top:15px;color:#d32f2f}