/* === BDLab Universitas Madani - Unified Light / White Theme === */

body {
    background-color: #ffffff !important;
    color: #1e293b !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#login {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 99999 !important;
}

#login form {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
    padding: 35px 30px !important;
    max-width: 400px !important;
    width: 90% !important;
}

#login h1 {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #1a237e !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
}

#login h1::after {
    content: "Universitas Madani";
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: #e65100;
    margin-top: 6px;
    letter-spacing: 0.5px;
}

#login form::before {
    content: "Laboratorium Komputasi & Pemrograman Web";
    display: block;
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    margin-bottom: 20px;
}

#login input[type="text"], #login input[type="password"] {
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 12px 14px !important;
    font-size: 0.95rem !important;
    background: #f8fafc !important;
    color: #0f172a !important;
}

#login input[type="text"]:focus, #login input[type="password"]:focus {
    border-color: #2563eb !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

#login input[type="submit"], #login button[type="submit"] {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    padding: 12px !important;
    box-shadow: 0 4px 10px rgba(25, 118, 210, 0.3) !important;
    cursor: pointer !important;
}

header {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

header i, header .action, header button {
    color: #475569 !important;
}

header i:hover, header .action:hover, header button:hover {
    color: #1d4ed8 !important;
}

header input {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
}

nav {
    background-color: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}

nav a, nav button, nav .action {
    color: #334155 !important;
    border-radius: 8px !important;
    margin: 3px 8px !important;
    transition: all 0.2s ease !important;
}

nav i {
    color: #64748b !important;
}

nav a:hover, nav button:hover, nav .action:hover {
    background-color: #e2e8f0 !important;
    color: #1d4ed8 !important;
}

nav a:hover i, nav button:hover i {
    color: #1d4ed8 !important;
}

nav a.active, nav .active {
    background-color: #dbeafe !important;
    color: #1d4ed8 !important;
    font-weight: 600 !important;
}

nav a.active i, nav .active i {
    color: #1d4ed8 !important;
}

nav .credits, nav .credits a, nav small {
    color: #94a3b8 !important;
}

main, #breadcrumbs, .breadcrumbs, #listing, .listing {
    background-color: #ffffff !important;
    color: #1e293b !important;
}

.item {
    background-color: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background-color 0.15s ease !important;
}

.item:hover {
    background-color: #f8fafc !important;
}

.item p, .item span, .item div {
    color: #334155 !important;
}

.item i {
    color: #2563eb !important;
}

.item[aria-selected="true"], .item.selected {
    background-color: #eff6ff !important;
}

#breadcrumbs span, #breadcrumbs a, .breadcrumbs a {
    color: #475569 !important;
}

.card, .modal {
    background-color: #ffffff !important;
    color: #1e293b !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    border-radius: 12px !important;
}