/* assets/css/style.css */
body {
    background-color: #000000;
    color: #7a7a7a;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

/* Form Controls */
.form-control:focus {
    border-color: #7a7a7a;
    box-shadow: 0 0 0 0.2rem rgba(122, 122, 122, 0.25);
}

/* Cards */
.card {
    background-color: #0a0a0a !important;
    border: 1px solid #2a2a2a !important;
}

/* Tables */
.table-dark {
    background-color: #0a0a0a;
}

.table-dark td, 
.table-dark th {
    border-color: #2a2a2a;
}

.table-dark tbody tr:hover {
    background-color: #1a1a1a;
}

/* Buttons */
.btn-secondary {
    background-color: #2a2a2a;
    border-color: #3a3a3a;
}

.btn-secondary:hover {
    background-color: #3a3a3a;
    border-color: #4a4a4a;
}

.btn-outline-secondary {
    color: #7a7a7a;
    border-color: #3a3a3a;
}

.btn-outline-secondary:hover {
    background-color: #2a2a2a;
    color: #ffffff;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #3a3a3a;
}

.btn-outline-danger:hover {
    background-color: #dc3545;
    color: #ffffff;
}

/* Icons */
.bi {
    color: #7a7a7a;
}

.bi:hover {
    color: #ffffff;
}

/* Alerts */
.alert {
    background-color: #0a0a0a;
    border: 1px solid #2a2a2a;
}

.alert-success {
    color: #00ff00;
}

.alert-danger {
    color: #ff0000;
}