.school-dashboard {
    background-color: #f8f9fc;
    padding: 20px;
    min-height: 100vh;
}

.school-admin-dashboard {
    padding: 20px;
}

.dashboard-card {
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    border: none;
    transition: transform 0.3s;
}

.dashboard-card:hover {
    transform: translateY(-5px);
}

.card-stat {
    border-left: 4px solid;
}

.card-stat.students {
    border-color: #4e73df;
}

.card-stat.attendance {
    border-color: #1cc88a;
}

.card-stat.results {
    border-color: #36b9cc;
}

.card-stat.fees {
    border-color: #f6c23e;
}

.stat-number {
    font-size: 1.8rem;
    font-weight: bold;
}

.stat-title {
    font-size: 0.9rem;
    color: #5a5c69;
}

/* Admin Dashboard Styles */
.school-admin-dashboard .card {
    margin-bottom: 20px;
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.school-admin-dashboard .card-header {
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .school-dashboard {
        padding: 10px;
    }
    
    .stat-number {
        font-size: 1.5rem;
    }
}