.notification-dropdown{position:relative}.notification-badge{background:var(--color-red-400);color:#fff;pointer-events:none;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:4px}.notification-panel{border:1px solid var(--white-10);z-index:100;background:#0c0d0ffa;border-radius:14px;width:320px;animation:.15s ease-out notif-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #00000080}@keyframes notif-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{border-bottom:1px solid var(--white-06);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notification-panel-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-2);font-size:11px;font-weight:600}.notification-panel-clear{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:color .15s}.notification-panel-clear:hover{color:var(--text-0)}.notification-panel-list{max-height:300px;overflow-y:auto}.notification-panel-empty{text-align:center;color:var(--text-2);padding:32px 16px;font-size:13px}.notification-item{border:none;border-bottom:1px solid var(--white-04);cursor:pointer;text-align:left;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;transition:background .15s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--white-04)}.notification-item-icon{background:var(--white-06);width:28px;height:28px;color:var(--text-1);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.notification-item-content{flex:1;min-width:0}.notification-item-title{color:var(--text-0);font-size:13px;font-weight:600;line-height:1.3}.notification-item-desc{color:var(--text-2);margin-top:2px;font-size:12px}.notification-item-dismiss{cursor:pointer;width:24px;height:24px;color:var(--text-2);opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;transition:opacity .15s,background .15s;display:grid}.notification-item:hover .notification-item-dismiss{opacity:1}.notification-item-dismiss:hover{background:var(--white-08);color:var(--text-0)}