/* Notifications & Alerts CSS */
.notification-overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:9998;display:none;backdrop-filter:blur(3px)}
.center-notification-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(10,10,10,0.95);border:2px solid #e855a8;border-radius:15px;padding:25px 30px;display:none;align-items:center;z-index:9999;box-shadow:0 0 40px rgba(232,85,168,0.5);min-width:340px;cursor:pointer;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}
@keyframes popIn{from{transform:translate(-50%,-60%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.notify-content{display:flex;align-items:center;flex-grow:1}
.notify-icon{font-size:2.5rem;color:#e855a8;margin-right:20px;animation:ring 2.5s infinite}
@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(25deg)}20%{transform:rotate(-23deg)}30%{transform:rotate(29deg)}40%{transform:rotate(-27deg)}50%,100%{transform:rotate(0)}}
.notify-title{font-size:1.1rem;font-weight:700;color:#e855a8}
.notify-close{margin-left:30px;font-size:1.8rem;color:#e855a8;background:rgba(0,0,0,0.6);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e855a8;transition:all .2s;cursor:pointer}
.notify-close:hover{background:#e855a8;color:#000;transform:scale(1.1)}
.blinking-tab {
    animation: tab-flash 0.8s infinite alternate !important;
    border: 2px solid #e855a8 !important;
    color: #e855a8 !important;
    background-color: rgba(232, 85, 168, 0.1) !important;
    border-radius: 8px !important;
}
@keyframes tab-flash {
    from { box-shadow: 0 0 5px #e855a8; opacity: 1; }
    to { box-shadow: 0 0 20px #e855a8; opacity: 0.7; }
}