/* WP Ultimate Banking System Custom Styles */
.container {
    max-width: 900px;
    margin: 30px auto;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    border-radius: 8px;
    padding: 24px 18px;
}
.card { margin-bottom: 24px; border: 1px solid #e3e3e3; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.04);}
.card-body {padding: 20px; background: #f8f9fa; border-radius: 8px;}
h3, h4 {color: #0056b3;}
.table {background: #fff; border-radius: 6px; overflow: hidden;}
.table th, .table td {vertical-align: middle !important;}
.table-striped tbody tr:nth-of-type(odd) {background: #f3f6fa;}
.alert {border-radius: 6px; font-size: 1.05em;}
.form-inline {display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 16px;}
.form-control {min-width: 140px; border-radius: 4px; border: 1px solid #ced4da; padding: 7px 10px; font-size: 1em;}
.btn {border-radius: 4px; font-weight: 500; padding: 7px 20px; transition: background 0.2s;}
.btn-success {background: #28a745; color: #fff; border: none;}
.btn-success:hover {background: #218838;}
.btn-warning {background: #ffc107; color: #212529; border: none;}
.btn-warning:hover {background: #e0a800;}
.btn-primary {background: #007bff; color: #fff; border: none;}
.btn-primary:hover {background: #0069d9;}
.btn-danger {background: #dc3545; color: #fff; border: none;}
.btn-danger:hover {background: #c82333;}
.btn-sm {padding: 5px 12px; font-size: 0.95em;}
@media (max-width: 700px) {
    .container {padding: 14px 5px;}
    .form-inline {flex-direction: column; gap: 4px; align-items: stretch;}
}
canvas {margin-top: 18px; max-width: 100%; background: #fff; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.03);}