/* Materialize Admin Template Styles */
body {
    font-family: 'Roboto', sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
}

.login-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    padding: 50px 0;
}

#login-page {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}

.login-card {
    background: rgba(255, 255, 255, 0.95);
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.card-panel {
    background: white;
    padding: 20px;
    border-radius: 4px;
}

.gradient-45deg-purple-deep-orange {
    background: linear-gradient(45deg, #7b1fa2, #e64a19) !important;
}

.gradient-45deg-light-blue-cyan {
    background: linear-gradient(45deg, #0288d1, #00bcd4) !important;
}

.gradient-45deg-green-teal {
    background: linear-gradient(45deg, #388e3c, #00796b) !important;
}

.gradient-45deg-red-pink {
    background: linear-gradient(45deg, #d32f2f, #c2185b) !important;
}

.gradient-45deg-amber-amber {
    background: linear-gradient(45deg, #f57c00, #ffa000) !important;
}

.card-alert {
    margin: 15px 0;
    border-radius: 4px;
    padding: 15px;
}

.card-alert .card-content {
    padding: 0;
}

.input-field label {
    color: #9e9e9e;
}

.input-field input:focus + label {
    color: #667eea !important;
}

.input-field input:focus {
    border-bottom: 1px solid #667eea !important;
    box-shadow: 0 1px 0 0 #667eea !important;
}

.btn {
    background-color: #667eea;
}

.btn:hover {
    background-color: #5568d3;
}