Aherobo Ovie Victor
70 lines
1.0 KiB
CSS
70 lines
1.0 KiB
CSS
/* Custom styles for Fraud Detection System */
|
|
|
|
body {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.card {
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
border: none;
|
|
}
|
|
|
|
.card-header {
|
|
background-color: #007bff;
|
|
color: white;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #007bff;
|
|
border-color: #007bff;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #0069d9;
|
|
border-color: #0062cc;
|
|
}
|
|
|
|
.alert {
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* Risk level badges */
|
|
.badge.bg-danger {
|
|
font-size: 1rem;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
.badge.bg-warning {
|
|
font-size: 1rem;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
.badge.bg-success {
|
|
font-size: 1rem;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
/* Form styling */
|
|
.form-label {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.form-control:focus, .form-select:focus {
|
|
border-color: #80bdff;
|
|
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
}
|
|
|
|
/* Table styling */
|
|
.table th {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
/* Progress bar for feature importance */
|
|
.progress {
|
|
height: 20px;
|
|
}
|
|
|
|
.progress-bar {
|
|
transition: width 0.6s ease;
|
|
}
|