body {
    height: 100vh;
    margin: 0;
    background-color: #f8f9fa;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.left-half {
    height: 100vh;
    background-image: url('/assets/images/vijay.jpeg');
    background-size: cover;
    background-position: center;
}

.login-card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.tvk-form-label { font-weight: 450; }

#textMobileNumber::-webkit-outer-spin-button,
#textMobileNumber::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#textMobileNumber { -moz-appearance: textfield; }

#textOTPNumber::-webkit-outer-spin-button,
#textOTPNumber::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#textOTPNumber { -moz-appearance: textfield; }

.widget-box {
    border-radius: 1rem;
    color: #fff;
    padding: 20px;
    transition: 0.3s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.widget-icon {
    font-size: 2.5rem;
    opacity: 0.7;
}
.widget-title {
    font-size: 1.2rem;
    font-weight: bold;
}
.widget-count {
    font-size: 1.6rem;
    font-weight: bold;
}
.widget-gender {
    font-size: 0.95rem;
}

.badge-circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.member-highlight {
    background-color: yellow !important;
}