.notification-card{display:flex!important;align-items:flex-start!important;background-color:var(--lg-w)!important;border-radius:var(--notif-radius)!important;box-shadow:0 4px 10px var(--notif-shadow)!important;padding:var(--notif-padding)!important;margin-bottom:1rem!important;transition:transform .2s ease,background-color .2s ease!important}.notification-card:hover{transform:scale(1.01)!important;background-color:var(--lg-wh)!important}.notification-icon{width:70px!important;height:70px!important;object-fit:contain!important;border-radius:6px!important;margin-top:2px!important;align-self:center!important}.notification-title{font-size:1rem!important;font-weight:500!important;color:var(--notif-text)!important;margin-bottom:.25rem!important;line-height:1.4!important}.notification-date{font-size:var(--notif-font-sm)!important;color:var(--notif-muted)!important;display:flex!important;align-items:center!important;gap:.4rem!important;margin:0!important}.dropdown-menu.show.card{border-radius:var(--notif-radius)!important;box-shadow:0 12px 24px var(--notif-shadow)!important;background-color:var(--w)!important;padding:.75rem .5rem!important}.topbar{z-index:1050;min-width:70%;top:20px;transition:all .3s ease}.topbar h5{font-weight:700}.topbar .btn-link{color:var(--secondary);position:relative}.topbar .badge{font-size:.75rem;padding:.25rem .5rem}