.hc-notification-center,.hc-notif-container{align-items:center;display:flex;position:relative}.hc-notif-bell,.hc-notif-trigger{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:1.25rem;line-height:1;transition:all .2s;display:flex;position:relative}.hc-notif-bell:hover,.hc-notif-trigger:hover{color:#34d399;background:#ffffff0d}.hc-notif-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:2px 5px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #0f172af7}.hc-notif-dropdown{-webkit-backdrop-filter:blur(18px);z-index:1001;background:#0f172afa;border:1px solid #ffffff1a;border-radius:12px;width:320px;margin-top:12px;animation:.2s hc-fade-in;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #0006}@keyframes hc-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.hc-notif-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.hc-notif-header h3{color:#e2e8f0;margin:0;font-size:.9rem;font-weight:700}.hc-notif-mark-all{color:#34d399;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.hc-notif-list{scrollbar-width:none;max-height:400px;overflow-y:auto}.hc-notif-list::-webkit-scrollbar{display:none}.hc-notif-item{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:14px 16px;text-decoration:none;transition:background .2s;display:block}.hc-notif-item:hover{background:#ffffff08}.hc-notif-item.unread{background:#0596690d}.hc-notif-item.unread:before{content:"";background:#34d399;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.hc-notif-item-title{color:#f1f599;margin-bottom:4px;font-size:.85rem;font-weight:600}.hc-notif-item-message{color:#94a3b8;font-size:.8rem;line-height:1.4}.hc-notif-item-time{color:#64748b;margin-top:8px;font-size:.7rem}.hc-notif-empty{text-align:center;color:#64748b;padding:30px;font-size:.85rem}