.notification-dropdown{position:relative}.notification-badge{background:var(--color-red-400);color:#fff;pointer-events:none;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:4px}.notification-panel{width:320px;animation:.15s ease-out glass-panel-in;position:absolute;top:calc(100% + 8px);right: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-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;width:100%;font:inherit;color:inherit;background:0 0;align-items:flex-start;gap:10px;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-time{color:var(--text-2);opacity:.7;margin-top:4px;font-size:11px}.notification-item.is-read{opacity:.5}.notification-item.is-read:hover{opacity:.7}
.profile-dropdown{position:relative}.profile-panel{width:220px;padding:4px 0;animation:.15s ease-out glass-panel-in;position:absolute;top:calc(100% + 8px);right:0}.profile-panel-header{flex-direction:column;padding:12px 14px 8px;display:flex}.profile-panel-name{color:var(--text-0);font-size:13px;font-weight:600;line-height:1.3}.profile-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.profile-panel-separator{background:var(--white-06);height:1px;margin:4px 0}.profile-panel-item{cursor:pointer;text-align:left;width:100%;color:var(--text-1);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .15s;display:flex}.profile-panel-item:hover{background:var(--white-04);color:var(--text-0)}.profile-panel-item.is-danger{color:var(--color-red-400)}.profile-panel-item.is-danger:hover{color:var(--color-red-400);background:#ef444414}