/* Bootstrap 5 minimal core for layout */
.container { width:100%; padding:15px; margin:auto; }
.row { display:flex; flex-wrap:wrap; margin:0 -15px; }
.col-md-4 { flex:0 0 33.333%; padding:0 15px; box-sizing:border-box; }
.text-center { text-align:center!important; }
.text-light { color:#f8f9fa!important; }
.bg-dark { background-color:#212529!important; }
.btn { display:inline-block; padding:.5rem 1rem; border-radius:.375rem; cursor:pointer; }
.btn-warning { background-color:#ffc107; border:0; color:#000; }
.btn-warning:hover { background-color:#e0a800; }
.card { border:1px solid rgba(0,0,0,.125); border-radius:.375rem; overflow:hidden; }
.card-img-top { width:100%; display:block; }
.card-body { padding:1rem; }
.modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); justify-content:center; align-items:center; }
.modal.show { display:flex; }
.modal-dialog { background:#fff; border-radius:.375rem; max-width:600px; width:100%; }
.modal-header, .modal-body { padding:1rem; }
.btn-close { float:right; cursor:pointer; }
.alert { padding:.75rem 1.25rem; border-radius:.375rem; margin:1rem; }
.alert-success { background:#28a745; color:#fff; }
.alert-danger { background:#dc3545; color:#fff; }