body{
margin:0;
font-family: 'Segoe UI', sans-serif;
background: linear-gradient(135deg,#0f172a,#1e293b);
color:white;
}
.hero{
text-align:center;
margin-top:120px;
}
input{
padding:12px;
width:300px;
border:none;
border-radius:10px;
margin:5px;
}
button{
padding:12px;
border:none;
border-radius:10px;
background:#3b82f6;
color:white;
cursor:pointer;
}
.card{
width:350px;
margin:150px auto;
background:#1e293b;
padding:30px;
border-radius:15px;
text-align:center;
}
.dashboard{
padding:40px;
}
table{
width:100%;
border-collapse:collapse;
}
th,td{
padding:10px;
border-bottom:1px solid #334155;
}
.logout{
color:#f87171;
}