body { 
    background-color:   #000000;/* fallback */
    color: #343131; 
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
    
}

/* Background image with 70% opacity without affecting foreground content */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("images/logo.png");
    /* Make the background image cover the full viewport */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
}
.navbar { position: relative; z-index: 1030; opacity: 0.98; border-bottom: 1px solid rgba(124, 91, 148, 0.1); }
.navbar .dropdown-menu { z-index: 1050; }
.card { color: #eaeaea; background: #15171d; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; }
.form-control, .form-select { background: #aaaaaa; color: #eaeaea; border-color: rgba(255,255,255,0.15); }
.form-control:focus, .form-select:focus { box-shadow: none; border-color: #6ea8fe; }
.form-label, label { color: rgb(220, 220, 220); }
h1, h2, h3, h4, h5, h6 { color: rgb(220, 220, 220); }
.btn { border-radius: 10px; }
.table { --bs-table-bg: transparent; color: rgb(203, 200, 200) !important; }
.table thead th { border-color: rgba(255,255,255,0.08); color: rgb(220, 220, 220); font-weight: 600; }
.table td { border-color: rgba(255,255,255,0.06); color: white !important; }
.table tbody tr { color: #eaeaea !important; }
.stat-card .stat-label { color: #9aa0a6; font-size: 0.9rem; }
.stat-card .stat-value { font-size: 1.6rem; font-weight: 700; }
.toast { opacity: 0.98; }


/* Hide caret outside actual inputs/textareas/contenteditable */
*:not(input, textarea, [contenteditable="true"]) {
    caret-color: transparent;
}