* {
    font-family: 'Quicksand', sans-serif;
}

/* ============================== */
/* TAMPILAN LOGIN (ASLI)          */
/* ============================== */

body {
    background: url('https://source.unsplash.com/1600x900/?forest,darkgreen') no-repeat center center fixed;
    background-size: cover;
    height: 100vh;
    padding-top: 70px ; /* jarak navbar */
    font-weight: 500; /* sedikit tebal */
}

/* Card login */
.card-login {
    background: rgba(255, 255, 255, 0.85);
    padding: 30px;
    border-radius: 10px;
    max-width: 400px;
    margin: 80px auto;
    display: none;
}

.card-header {
    background-color: #1b5e20; /* hijau tua */
    color: white;
    padding: 15px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-size: 20px;
    font-weight: 700; /* BOLD */
}

.card-footer {
    text-align: center;
    margin-top: 15px;
}

/* Navbar */
.navbar-inverse {
    background-color: #1b5e20;
    border-color: #174c16;
}

.navbar-inverse .navbar-brand {
    color: #fff;
    font-weight: 700; /* BOLD */
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-weight: 600; /* lebih tebal */
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #a5d6a7;
}

/* Dropdown menu */
.navbar-nav > li > .dropdown-menu {
    background-color: #3ab338;
}

.navbar-nav > li > .dropdown-menu > li > a {
    color: #fff;
    font-weight: 600;
}

.navbar-nav > li > .dropdown-menu > li > a:hover {
    background-color: #1b5e20;
}

/* Panel hijau */
.panel-primary {
    border-color: #2af065;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #46e96a;
    border-color: #174c16;
    font-weight: 700; /* BOLD */
}

/* TEKS BOLD UNTUK HEADER DAN HEADING */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}



* {
    font-family: 'Quicksand', sans-serif !important;
}

/* Paksa seluruh judul jadi bold */
h1, h2, h3, h4, h5, h6,
.navbar-brand,
.navbar-nav > li > a,
.card-header,
.panel-heading {
    font-weight: 700 !important;
}

.navbar-brand img {
    height: 24px !important;
}

.navbar-inverse {
    padding: 6px 0;
}

.navbar-nav > li > a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.navbar-brand {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}