:root {
    --primary-color: #2c3e50;
    --secondary-color: #3498db;
    --success-color: #27ae60;
    --warning-color: #f39c12;
    --danger-color: #e74c3c;
}

body { background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.navbar { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.navbar-brand { font-weight: bold; color: white !important; }
.card { border: none; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
.card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.card-header { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; border-radius: 15px 15px 0 0 !important; font-weight: bold; }
.btn-primary { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); border: none; border-radius: 25px; padding: 10px 25px; font-weight: 500; }
.table { border-radius: 10px; overflow: hidden; }
.stats-card { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
.stats-card.success { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.stats-card.warning { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.temperature-high { color: var(--danger-color); font-weight: bold; }
.temperature-normal { color: var(--success-color); font-weight: bold; }
.temperature-low { color: var(--warning-color); font-weight: bold; }
.main-content { padding: 30px; }