body { background-color: #f4f6f9; }

.login-page-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}

.login-card {
    width: 100%;
    max-width: 380px;
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,.25);
}

.badge-selisih-plus { background-color: #28a745; color: #fff; }
.badge-selisih-minus { background-color: #dc3545; color: #fff; }
.badge-selisih-nol { background-color: #6c757d; color: #fff; }

#scanner-box {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid #2a5298;
}

.scan-result-card {
    max-width: 480px;
    margin: 1rem auto 0;
}

.small-box .icon { opacity: .3; }