.modal-overlay {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6); z-index: 100;
}
.modal-box {
    display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 280px; background: #f4e7d3; border: 3px solid #462c1a; border-radius: 8px; z-index: 101;
}
.modal-header {
    background: #d4952d; color: #fff; text-align: center; padding: 8px; font-weight: bold;
}
.modal-body { padding: 20px; text-align: center; color: #462c1a; font-weight: bold; }
.btn-close {
    background: #d4952d; color: #fff; border: none; padding: 5px 20px;
    border-radius: 4px; margin-bottom: 15px; cursor: pointer;
}
.modal-footer { text-align: center; }