.admin-notification{position:fixed;bottom:20px;right:20px;width:400px;background:linear-gradient(135deg,#00c1cd,#00555a);backdrop-filter:blur(12px);border-radius:12px;padding:15px;box-shadow:0 8px 24px rgb(51 234 202 / 30%);z-index:2000;display:none;animation:fadeInRight .5s ease-in-out}
.admin-notification.active{display:block}
@keyframes fadeInRight{
from{transform:translateX(100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.notification-content{text-align:right;color:#fff}
.notification-content h3{font-size:18px;margin-bottom:8px;font-weight:700;text-shadow:0 0 8px rgba(147,51,234,.5)}
.notification-content p{font-size:14px;margin-bottom:12px;color:#f3e8ff;line-height:1.5}
.notification-actions{display:flex;justify-content:space-between;align-items:center}
.notification-btn{background:#3a4550;color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:transform .3s,box-shadow .3s}
.notification-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #3a4550}
.close-notification{font-size:18px;color:#f3e8ff;cursor:pointer;transition:transform .3s,color .3s}
.close-notification:hover{transform:rotate(90deg);color:#fff}
@media (max-width:768px){
.admin-notification{width:90%;max-width:320px;bottom:20px;right:20px;padding:12px}
.notification-content h3{font-size:16px}
.notification-content p{font-size:12px}
.notification-btn{padding:6px 12px;font-size:12px}
.close-notification{font-size:16px}
}
.notification-actions i.fas.fa-times.close-notification{top:20px;position:absolute;left:20px}
div#adminNotification{height:fit-content}