/* Main Styles */
:root {
    --primary-blue: #1a56db;
    --light-blue: #3b82f6;
    --primary-green: #10b981;
    --light-green: #34d399;
    --light-yellow: #fef3c7;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Dashboard Cards */
.stat-card {
    border-radius: 10px;
    transition: all 0.3s;
    border: none;
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Sidebar */
.sidebar {
    min-height: 100vh;
    background: linear-gradient(180deg, var(--primary-blue) 0%, var(--light-blue) 100%);
}

.sidebar .nav-link {
    color: rgba(255,255,255,0.8);
    padding: 12px 20px;
    margin: 5px 0;
    border-radius: 8px;
    transition: all 0.3s;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background: rgba(255,255,255,0.1);
    color: white;
}

/* Form Styles */
.form-control:focus {
    border-color: var(--light-blue);
    box-shadow: 0 0 0 0.25rem rgba(58, 130, 246, 0.25);
}

/* Badges */
.badge-online {
    background-color: var(--light-green);
    color: #000;
}

.badge-pending {
    background-color: var(--light-yellow);
    color: #000;
}

/* Table */
.table-hover tbody tr:hover {
    background-color: rgba(26, 86, 219, 0.05);
}