body {
   
    font-family: "Open Sans", sans-serif;
}


header {
    background-color: #2e3d93;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

header h1 {
    color: #ffffff;
    font-weight: 600;
}
.form-control { padding: 0.5rem .75rem; }
.lead {
    color: #ffffff;
    font-weight: 300;
}

.card {
    border: none;
    border-radius: 0.5rem;
    margin-bottom: 2rem; background: radial-gradient(circle at left top,rgb(255 163 158 / 15%) -20%,rgb(132 151 255 / 20%) 120%); box-shadow: 0px 1px 2px rgba(0,0,0,.20);
}

.card-body {
    padding: 2rem;
}

.form-label {
    font-weight: 500;
}

.btn-primary {
    color: #facc46;
    background-color: #1a297f;
    padding: 0.5rem 1.5rem;
    font-weight: 500; border: 0;
}

.btn-secondary {
    background-color: #89959f;
    padding: 0.5rem 1.5rem;
    font-weight: 500; border: 0; 
}

.table {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.table-dark {
    background-color: #2e3d93;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-hover tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.1);
}
.search-result h3 { color: #26358E; margin-bottom:1rem; font-size: 16px; font-weight: 600; }
.table thead.table-dark tr th { background: #1a297f; color: #ffffff; font-family: "Open Sans", sans-serif; font-weight: 400; font-size:14px; }
footer {
    color: #6c757d;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .card-body {
        padding: 1.5rem;
    }
}