.admin-login-bg {
    background:
        linear-gradient(135deg,
            #f5f7ff 0%,
            #eef2ff 50%,
            #ffffff 100%);
}


.login-card {

    background: white;
    border-radius: 24px;
    padding: 40px;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, .08);

}


.login-icon {

    width: 70px;
    height: 70px;

    margin: auto;

    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:#e3f2ff;

    color: white;

    font-size: 32px;

}


.login-label {

    display: block;

    font-size: 14px;
    font-weight: 600;

    margin-bottom: 8px;

    color: #374151;

}


.input-wrapper {

    position: relative;

}


.input-wrapper i:first-child {

    position: absolute;

    left: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: #9ca3af;

}


.login-input {

    width: 100%;

    height: 48px;

    border: 1px solid #e5e7eb;

    border-radius: 12px !important;
    padding-left: 45px !important;
    font-size: 15px !important;

    outline: none;

    transition: .3s;

}


.login-input:focus {

    border-color: #6366f1;

    box-shadow:
        0 0 0 3px rgba(99, 102, 241, .15);

}



.password-btn {

    position: absolute;

    right: 12px;

    top: 50%;

    transform: translateY(-50%);

    color: #9ca3af;

}


.login-btn {

    width: 100%;

    height: 50px;

    border-radius: 12px;

    background:
        linear-gradient(135deg,
            #6366f1,
            #8b5cf6);


    color: white;

    font-weight: 600;

    font-size: 16px;

    transition: .3s;

}


.login-btn:hover {

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(99, 102, 241, .35);

}
/* Main Toast */
.custom-toast {
    width: 360px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}


/* Content */
.custom-toast-content {
    display: flex;
    align-items: center;
    padding: 2px 7px;
    gap: 15px;
}


/* Icon */
.custom-toast-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Message */
.custom-toast-message h6 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

.custom-toast-message p {
    margin: 4px 0 0;
    font-size: 13px;
    color: #666;
}


/* Success */
.custom-toast.success {
    border-left: 5px solid #28a745 !important;
}

.custom-toast-content.success .custom-toast-icon {
    background: #28a745;
}


/* Error */
.custom-toast.error {
    border-left: 5px solid #dc3545 !important;
}

.custom-toast-content.error .custom-toast-icon {
    background: #dc3545;
}


/* Warning */
.custom-toast.warning {
    border-left: 5px solid #ffc107 !important;
}

.custom-toast-content.warning .custom-toast-icon {
    background: #ffc107;
    color: #333;
}


/* Info */
.custom-toast.info {
    border-left: 5px solid #0dcaf0 !important;
}

.custom-toast-content.info .custom-toast-icon {
    background: #0dcaf0;
}