body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #f8f9fa;
}

.device-card {
    border-left: 4px solid #6c757d;
    transition: all 0.3s ease;
}

.device-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.device-card.online {
    border-left-color: #28a745;
}

.device-card.offline {
    border-left-color: #dc3545;
}

.status-badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.card {
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}