:root {
    --primary-dark: #0a4b7a;
    --primary-light: #e6f4ff;
    --white: #ffffff;
    --cobalt: #1e3a5f;
}
body {
    font-family: 'Segoe UI', 'Tahoma', system-ui;
    background: linear-gradient(135deg, #f5faff 0%, #e9f2f9 100%);
    min-height: 100vh;
}
.bg-gradient-light {
    background: linear-gradient(145deg, #f0f8ff 0%, #ffffff 100%);
}
.bg-primary {
    background-color: var(--primary-dark) !important;
}
.btn-primary {
    background-color: var(--primary-dark);
    border-color: #0d5f96;
    transition: all 0.2s ease;
}
.btn-primary:hover {
    background-color: #0d5f96;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(10,75,122,0.2);
}
.card {
    border: none;
    border-radius: 1.5rem;
    backdrop-filter: blur(2px);
}
.shadow-soft {
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.02);
}
.form-control, .form-select {
    border: 1px solid #cbd5e1;
    border-radius: 2rem;
    padding: 0.6rem 1.2rem;
    transition: 0.2s;
}
.form-control:focus, .form-select:focus {
    border-color: var(--primary-dark);
    box-shadow: 0 0 0 3px rgba(10,75,122,0.25);
}
.table th {
    background-color: #f1f5f9;
    color: var(--cobalt);
}
.btn-outline-light {
    border-radius: 2rem;
    text-align: right;
}