.vppsa-login-block{ max-width: 500px; margin: 0 auto; }
.vppsa-dashboard .header{ display: flex; justify-content: space-between; align-items: baseline; gap: 15px; }
.vppsa-dashboard .header h3{ margin: 0; font-size: 23px; line-height: 30px; }
.vppsa-dashboard .userinfo{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 25px 0; padding: 20px 0; }
.vppsa-dashboard .userinfo a{  font-size:16px; }
.vppsa-dashboard h2{ margin:0; padding:0; color:#000; font-size:20px;  }
.vppsa-dashboard .panel-heading{ display:flex; align-items:center; justify-content:space-between; }
.vppsa-dashboard .panel-heading span{ font-size:12px; }
.vppsa-dashboard .form-group label{ font-size:0.85em; }
.vppsa-dashboard .btn{ border:none;  }
.vppsa-dashboard .btn.loading {cursor: not-allowed; pointer-events: none; opacity: 0.7; }
.vppsa-dashboard .submit-btn{ width:100%; }
.vppsa-dashboard button:hover{ background-color:#1698e5; color:#FFF;  }

.vppsa-reports .header{ display: flex; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #ccc; }
.vppsa-reports .header .actions{ display:flex; justify-content:center; align-items:center; gap:15px; }
.vppsa-reports h3{ font-size:18px; margin:0; padding:0;  }
.vppsa-reports .header .actions #downloadCsvBtn{ font-size:13px; }
.vppsa-reports .header .close{ opacity: inherit; padding: 5px 6px; border: none; background: #000; color: #FFF; font-size:16px; }
.vppsa-reports .header .close:hover{ background:#0075c9; }
.vppsa-reports table tr td, .vppsa-reports table tr th{ font-size:12px;  padding:5px !important; color: #000; } 

#vppsaModal{ padding-right:0 !important; }
#vppsaModal .modal-dialog{ width:100%; padding:0 25px; }
#vppsaModal .modal-body{ padding:0; }
#vppsaModal .modal-body .table-responsive{ padding: 15px; height: calc(100vh - 130px);overflow: auto;}

.reports-grid{ display:grid; grid-template-columns:auto auto auto; gap:15px; text-transform:capitalize; margin-top:20px; }