* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.toast{color:#fff}
.toast-success{background-color:#28a745}
.toast-error{background-color:#dc3545}
.toast-title{font-weight:bold;color:#fff}
.toast-message{font-weight:normal;color:#fff}
.toast-progress{background-color:rgba(255,255,255,0.5)}
.toast-close-button{color:#fff;opacity:1}
.toast-close-button:hover{color:#fff;opacity:.75}
.toast-close-icon::before{font-size:16px}
.toast-progress-bar{border-radius:4px}
.toast-container{position:fixed;top:20px;right:20px;z-index:1000}
.toast{padding:15px 20px;margin-bottom:10px;border-radius:5px;color:#fff;font-size:16px;
animation:fadeIn .5s,fadeOut .5s 4.5s;max-width:300px;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.toast.success{background-color:#2ecc71}
.toast.error{background-color:#e74c3c}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}

.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;flex-wrap:wrap;gap:10px}
.pagination a,.pagination span{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;
padding:0;margin:0 5px;border:1px solid #ccc;border-radius:50%;text-decoration:none;color:#333;
transition:all .3s ease;font-weight:bold}
.pagination a:hover{background-color:hsl(49,96%,60%);color:white;transform:scale(1.1)}
.pagination .current{background-color:hsl(49,96%,50%);color:white;border:1px solid hsl(49,96%,50%);cursor:default}

.showcase-img{border-radius:3px}
.popup{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;
overflow:auto;background-color:rgba(0,0,0,.4)}
.popup-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;
width:80%;max-width:500px;text-align:center}
.popup-close{color:#aaa;float:right;font-size:28px;font-weight:bold}
.popup-close:hover,.popup-close:focus{color:black;text-decoration:none;cursor:pointer}
.success-message,.error-message{padding:10px;text-align:center;max-width:400px;margin:0 auto;color:white}
.success-message{background-color:#4caf50}
.error-message{background-color:#f44336}
.modal,.notification-toast{display:none}
.header-alert-news{padding:10px;color:#721c24;border:1px solid #f5c6cb;border-radius:5px;margin:10px 0}
.header-alert-news button{background-color:#f8d7da;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}
.header-alert-news button:hover{background-color:#0056b3}
.activated-message{background-color:#fff;padding:10px;border-radius:5px;color:#000;
text-align:center;font-weight:bold;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:10px 0}