/* Voltisle Courier - Modern Design System */
:root {
    --primary-color: #00b4d8;
    --primary-dark: #0096c7;
    --accent-color: #06ffa5;
    --dark-bg: #03045e;
    --light-accent: #90e0ef;
    --success-color: #06ffa5;
    --warning-color: #ffd60a;
}

body {
    background-color: #f8f9fa;
}

.card {
    box-shadow: 0 0.5rem 1rem rgba(0, 180, 216, 0.15);
    border: none;
    margin-bottom: 1.5rem;
    border-radius: 10px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 180, 216, 0.25);
}

.card-header {
    font-weight: bold;
    border-radius: 10px 10px 0 0 !important;
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    border: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--dark-bg) 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 180, 216, 0.4);
}

.btn-success {
    background: linear-gradient(135deg, #06ffa5 0%, #00b894 100%);
    border: none;
    color: #03045e;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-success:hover {
    background: linear-gradient(135deg, #00b894 0%, #00a087 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(6, 255, 165, 0.4);
    color: #03045e;
}

.bg-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%) !important;
}

.navbar-dark.bg-primary {
    background: linear-gradient(135deg, #03045e 0%, #0077b6 100%) !important;
}