/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
body { background-color: #f4f7f6; color: #333; }

/* Admin Login Page Style */
.login-container {
    width: 100%; max-width: 400px; margin: 100px auto;
    background: #fff; padding: 30px; border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.login-container h2 { text-align: center; margin-bottom: 20px; color: #444; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; margin-bottom: 5px; }
.form-control {
    width: 100%; padding: 10px; border: 1px solid #ddd;
    border-radius: 5px; font-size: 16px;
}
.btn-login {
    width: 100%; padding: 10px; background: #2ecc71; border: none;
    color: white; font-size: 18px; border-radius: 5px; cursor: pointer;
}
.btn-login:hover { background: #27ae60; }
.error-msg { color: red; text-align: center; margin-bottom: 10px; }

/* Dashboard & Common Styles */
.header { background: #2c3e50; color: #fff; padding: 15px; text-align: center; }
.container { padding: 20px; max-width: 1200px; margin: auto; }

/* Responsive */
@media (max-width: 768px) {
    .login-container { margin: 50px 20px; }
}