/* HP <= 576px */
@media (max-width: 576px) {
    .responsive-toast {
        left: 12px !important; /* jarak kiri */
        right: 12px !important; /* jarak kanan */
        bottom: 12px !important; /* jarak bawah */
        width: auto !important; /* biar ikut left-right */
        margin: 0 !important;
        border-radius: 10px !important; /* biar tetap cakep */
    }
}

.upload-box {
    border: 2px dashed #6c63ff;
    border-radius: 15px;
    cursor: pointer;
    transition: 0.3s;
    background: #fafaff;
}

.upload-box:hover {
    background: #f3f1ff;
    border-color: #4b42ff;
}

.upload-box.dragover {
    background: #e6e3ff;
    border-color: #3c30ff;
}

.bg-main {
    background-color: #142b94 !important;
}