<!-- 📄 styles.css -->
body {
margin: 0;
font-family: Arial;
background: linear-gradient(135deg, #ffd700, #c0c0c0);
background-attachment: fixed;
}
.login-container, .app-container {
max-width: 450px;
margin: auto;
margin-top: 40px;
background: white;
padding: 20px;
border-radius: 12px;
box-shadow: 0 0 12px rgba(0,0,0,0.3);
}
header {
text-align: center;
margin-bottom: 20px;
}
table {
width: 100%;
border-collapse: collapse;
background: white;
}
th, td {
border: 1px solid #aaa;
padding: 10px;
text-align: center;
}
input, select, button {
width: 100%;
padding: 10px;
margin-top: 10px;
border-radius: 8px;
border: 1px solid #888;
}
button {
background: goldenrod;
color: white;
font-size: 16px;
cursor: pointer;
}
button:hover { background: #b8860b; }
footer {
margin-top: 25px;
text-align: center;
}