body {
    background-color: #f8f9fc;
    font-family: Arial, sans-serif;
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.btn-primary {
    background-color: #4e73df;
    border-color: #4e73df;
}

.btn-primary:hover {
    background-color: #2e59d9;
}

.form-control {
    border-radius: 5px;
}

.table-responsive {
    margin-bottom: 20px;
}

.status-pending { color: #f1c40f; }
.status-verified { color: #3498db; }
.status-approved { color: #2ecc71; }
.status-rejected { color: #e74c3c; }
.status-disbursed { color: #27ae60; }

@media (max-width: 768px) {
    .container { padding: 10px; }
    .btn { width: 100%; margin-bottom: 10px; }
    .table { font-size: 14px; }
    .form-group { margin-bottom: 15px; }
}
.emi-card { background: linear-gradient(135deg, #4e73df, #224abe); color: white; border-radius: 15px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
        .emi-result { background: linear-gradient(135deg, #4e73df, #224abe); border-radius: 10px; padding: 15px; margin-top: 20px; }
        .loan-card { background: linear-gradient(135deg, #4e73df, #224abe); color: white; border-radius: 15px; padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }
        .loan-card:hover { transform: translateY(-5px); }
        .loan-card .form-control { background: rgba(255, 255, 255, 0.9); border: none; border-radius: 8px; }
        .loan-card .form-label { font-weight: 500; }
        .overdue-alert { background-color: #ffcccc; border-color: #ff9999; color: #cc0000; }
        .payment-options { margin-top: 10px; }
        .payment-options a { display: inline-block; margin: 5px; padding: 8px 15px; border-radius: 20px; text-decoration: none; color: white; font-size: 14px; }
        .paytm { background-color: #00baf2; }
        .phonepe { background-color: #5f259f; }
        .gpay { background-color: #4285f4; }
        .gpay2 { background-color: #FFFFFF; }
        .agreement-btn { background-color: #28a745; padding: 8px 15px; border-radius: 20px; text-decoration: none; color: white; margin: 5px; display: inline-block; }
        .agreement-btn:hover { background-color: #218838; color: white; }
        .rejected-alert { background-color: #fff3cd; border-color: #ffecb5; color: #856404; }
        .hidden-rows { display: none; }
        .document-link { color: #007bff; text-decoration: none; }
        .document-link:hover { text-decoration: underline; }
        footer { background-color: #f8f9fa; padding: 20px 0; text-align: center; position: relative; bottom: 0; width: 100%; }
        footer p { margin: 0; color: #6c757d; }
        footer a { color: #007bff; text-decoration: none; margin: 0 15px; }
        footer a:hover { text-decoration: underline; }
        .navbar { position: fixed; top: 0; width: 100%; z-index: 1000; background-color: #ffffff; box-shadow: 0 0px 0px rgba(0,0,0,0.0); }
        .rejection-reason { font-style: italic; margin-top: 10px; }